LaurelLight · :root
Type
Quiet, compact.
Section heading
Body text: the reading size, where the pairing either sings or doesn't.
Muted text for captions, metadata and helper copy.
A link in the foreground colour with a sage underline — neutrals do the work, sage marks the moments.
Buttons
Badges
DefaultSecondaryOutlineDestructive
Form
Card
Weekly summary
A raised surface: one step lighter than the ground in dark.
Hairline ring, 4px radius, Fira Sans throughout.
Palette
background
card
primary
secondary
muted
accent
destructive
border
LaurelDark · .dark
Type
Quiet, compact.
Section heading
Body text: the reading size, where the pairing either sings or doesn't.
Muted text for captions, metadata and helper copy.
A link in the foreground colour with a sage underline — neutrals do the work, sage marks the moments.
Buttons
Badges
DefaultSecondaryOutlineDestructive
Form
Card
Weekly summary
A raised surface: one step lighter than the ground in dark.
Hairline ring, 4px radius, Fira Sans throughout.
Palette
background
card
primary
secondary
muted
accent
destructive
border