Sanctuary

    Flavor
    Accent
    Glazing
    Window

    What stands and what is planned

    Roadmap

    What you can use today, and what comes after, in order. There are no dates: an item moves up when it ships.

    The products

    Four parts, one palette

    Everything starts from the tokens; the rest reads them.

    Available

    Sanctuary Tokens

    The foundation: a CSS stylesheet, DTCG tokens and a resolved palette.json, with contrast checked by tests.

    Repository
    Later

    Sanctuary Web Components

    A Lit library of components that read the same tokens and work in any framework, or none.

    Next

    Desktop ports

    Sanctuary on the Linux desktop: one repository per application, and a generator for new ones.

    Available

    This website

    The showcase and the documentation, styled by Sanctuary itself.

    Repository

    The roadmap

    From today to someday

    Each horizon lists what it holds and which product it belongs to.

    Available

    Ready to use today.

    • A CSS stylesheet with 4 flavors, 12 accents and 3 glazings, switched with three HTML attributes.Sanctuary Tokens
    • DTCG design tokens and a plain palette.json for tools without a token pipeline.Sanctuary Tokens
    • WCAG AA contrast, checked by tests in every flavor; reduced motion respected.Sanctuary Tokens
    • Install the tokens from npm: @sanctuary-ds/tokens 0.1.0.Sanctuary Tokens
    • This site: the home page, the playground and this roadmap.This website
    • Documentation: getting started, philosophy, foundations, accessibility, guides and a token reference generated from the DTCG files.This website
    • Search across the site.This website

    In progress

    Being built now.

    Nothing right now.

    Next

    The work that follows.

    • Ports for desktop applications such as mangowm, Waybar and foot, each with install steps and a screenshot.Desktop ports
    • A ports gallery on this site.This website
    • Documentation in Spanish.This website

    Later

    Planned, after what comes next.

    • Sanctuary Web Components, starting with buttons and form controls.Sanctuary Web Components
    • A port generator so anyone can bring Sanctuary to a new app.Desktop ports
    • A changelog for every release.This website

    Exploring

    Ideas under study, with no commitment.

    • Wide-gamut (Display P3) colors.Sanctuary Tokens
    • Integrations with other ecosystems, such as a Tailwind preset.Sanctuary Tokens
    • Flutter widgets and theme, generated from the same palette.