Styleguide overview
Use this page to preview tokens, utilities and components. Copy snippets from the manual in docs/styleguide-manual.md.
Colors
primary
accent
blue-100
blue-75
yellow-100
yellow-25
Typography
H1 with emphasis
H2 heading
H3 heading
Body copy uses .text-muted. You can also highlight a word.
Links with hover underline: See how this underlines on hover.
Buttons
Imagery frames
Image/card frame
Portrait frame
Tone blocks
Accent tone
Blue tone
Yellow tone
Subtle panels
Blue subtle
Red subtle
Yellow subtle