Stone · Glass · Lead · Light

Sanctuary

A design system built the way a cathedral is: dark, quiet stone that exists so that colored light has somewhere to fall.

Enter the nave Visit the chapels

4: flavors, the hours
12: pigments × 11 tones
3: glazings
2: windows, mono or harmonic

Scroll into the nave ↓

I · The hours

The same building, four hours of light

Matins, Lauds, Vespers and Compline. Stone, ink and shadow change with the hour; every pigment is re-toned to stay legible. Pick one.

All flavors in the playground

II · The glass

One accent, three ways of holding color

Twelve pigments, any of them the accent. Glazing decides how it is rendered: pot-metal, flashed or grisaille.

Pigments and glazing in the playground

Pot-metal

Glass coloured through its whole body. Solid, opaque accent.

Flashed

A thin skin of colour over clear glass. Translucent, glowing accent.

Grisaille

Monochrome glass with a coloured border. Accent as a line only.

III · The light

Light that is cast, not applied

The window colors ambient light while the accent does the precise work: alone, or leaded with its neighbors.

Windows and light in the playground

IV · Beyond the browser

Out of the browser, onto the desktop

The same palette ships as themes for terminals, bars and window managers.

Ricing in the playground

The chapels

Everything built on the same light

Each part of the ecosystem has its own chapel. A new one opens when what it holds is real.

I · Playground

Every axis, live

The full showcase: flavors, pigments, glazing, windows, components, light, foundations and ricing.

II · Docs

Build with the tokens

Getting started, the foundations and the generated token reference.

III · Roadmap

What stands and what is planned

An honest account of what is built and what comes next.

IV · Components

Sanctuary Web Components

Web components that read the same tokens, for any framework or none.

PlannedOn the roadmap

V · Ports

Onto the desktop

Themes for terminals, bars and window managers, with a preview of each.

PlannedOn the roadmap

VI · Changelog

Every version

What changed in each release of the core, and why.

PlannedOn the roadmap