Stillroot design system
From the Stillroot template.
Included with Everything
Colour
Type
- Young Serifdisplay · 340, 400 · SIL OFL 1.1
- Onestbody · 400, 500, 600 · SIL OFL 1.1
- Display154 / 67px · 400Book a class
- H193 / 51px · 400Book a class
- H264 / 35px · 400Move, strengthen, or rest.
- H326 / 35px · 400Your first fortnight.
- Lead20 / 20px · 400Cancel free up to four hours before.
- Body17 / 15px · 400Fourteen days to try every room, every teacher and every time of day.
- Small13 / 26px · 600A brick warehouse with east-facing windows, an oak floor and three rooms.
- Eyebrow14 / 14px · 500TEN WAYS IN
Components
StillrootTimetablePricingTeachersStudioClasses
Book
See the timetable
FRI 9 7 classes
TEN WAYS IN
Your first fortnight.
Fourteen days to try every room, every teacher and every time of day.
Taught by people who notice.
A brick warehouse with east-facing windows, an oak floor and three rooms.
Shape and motion
- sm · 2px
- md · 4px
- lg · 6px
- pill · 9999px
- standard ·
cubic-bezier(.33, .1, .2, 1) - standard-2 ·
cubic-bezier(.45, 0, .35, 1) - fast · 180ms
- base · 450ms
- slow · 900ms
Exports
- DESIGN.md
DESIGN.md23 KBEverything - CSS variables
tokens.css6 KBEverything - Tailwind v4
tailwind.css6 KBEverything - shadcn/ui theme
shadcn.css5 KBEverything - Figma variables
figma-variables.json31 KBEverything - Webflow variables
webflow-variables.json10 KBEverything - W3C tokens (JSON)
tokens.json18 KBEverything
Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("stillroot") with the MCP server.
- Source
- Stillroot template
- Palette
- Sanzo Wada 243: Raw Sienna, Ivory Buff, Olive Green, Slate Color
- Fonts
- Young Serif (SIL OFL 1.1), Onest (SIL OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 11.88:1 · muted 9.12:1
Inside DESIGN.md
- At a glance
- Setup
- Colour
- Typography
- Layout and spacing
- Shape and depth
- Motion
- Components
- Voice and copy
- Do and don’t
- Tokens