Skip to content
@sanctuary-ds

Sanctuary

A design system of stone, glass and light.

Sanctuary: a design system of stone, glass and light. Created by Anthony Portugal.

Playground · Docs · Tokens · Ecosystem
Latest version of @sanctuary-ds/tokens on npm

Sanctuary takes its language from a Gothic nave: stone that stays quiet, lead that draws the lines, and colored glass that does the precise work. It ships as design tokens first, so the same palette can theme a website, a component library, a terminal and a window manager.

  • Four flavors, the hours of the day: Lauds, Vespers, Compline and Matins.
  • Twelve pigments as accents, each re-toned per flavor to stay legible.
  • Three glazings for how the accent sits on a surface: pot-metal, flashed and grisaille.
  • OKLCH color and DTCG tokens, with contrast pairings that are tested, not assumed.

The ecosystem map tracks which repositories exist and what comes next.

Created and maintained by Anthony Portugal.

Popular repositories Loading

  1. tokens tokens Public

    A design system of stone, glass and light: OKLCH design tokens, CSS and desktop themes inspired by Gothic stained glass.

    TypeScript

  2. sanctuary-ds.github.io sanctuary-ds.github.io Public

    The Sanctuary website: home, playground and documentation.

    TypeScript

  3. .github .github Public

    Organization profile, contributing guide and shared files for Sanctuary.

    TypeScript

  4. ports ports Public

    TypeScript

Repositories

Showing 4 of 4 repositories

Top languages

Loading…

Most used topics

Loading…