UI Stack

Six small sites that make one stack for building interfaces. Read it bottom up: type, colour, pattern and ornament are the four layers, each a library you can browse and copy from. Cards are built from those four layers, and worlds join them all into one identity that leaves as tokens, primitives and a brief.

Typefaces1 Type
Font pairings set as live specimens, heading and body together, with the source of each pairing.
Colors2 Colour
Named colours, working palettes with roles and dark sets, and tools for contrast, tonal ramps and brand colour.
Patterns3 Pattern
Code-only backgrounds and quiet textures on the shared palettes, each with its CSS to copy.
Ornaments4 Ornament
Borders, frames, badges, seals and stamps as SVG and border-image, ready to drop around content.
cardui5 Cards
Cards and tiles in sector kits, composed from the four layers: a pairing, a palette, a surface and a frame.
Worlds6 Worlds
Brand worlds that join every layer under one name, and leave as tokens, primitives and a brief.