Preset · serenity · fullbleed
Serenity
Pale blue-green, hairline light serif, everything unhurried. Full-bleed and calm.
Layout
Type scale · base 1rem · ratio 1.333
Display
Heading one
Heading two
Heading three
Body copy at the base size. The light falls across the room in a way that makes you want to wait — for the dust to settle, for the next frame, for something you can't name. An inline link sits in the run of text.
A caption, in the caption face
Surface
Text on surface. Muted follows: the quiet line beneath.
Raised surface
Text on raised surface. Muted again.
Accent
Text on accent — buttons and highlights.
Contrast (WCAG AA)
| Pair | Ratio | Needs | Result |
|---|---|---|---|
| text on background | 12.72:1 | 4.5:1 | pass |
| text on surface | 11.73:1 | 4.5:1 | pass |
| text on raised surface | 10.63:1 | 4.5:1 | pass |
| muted text on background | 5.76:1 | 4.5:1 | pass |
| muted text on surface | 5.31:1 | 4.5:1 | pass |
| accent on background | 6.09:1 | 3:1 | pass |
| text on accent (buttons) | 6.09:1 | 4.5:1 | pass |