Honeyford design system
From the Honeyford template.
Included with Everything
Colour
Type
- Cormorantdisplay · 400 · SIL OFL 1.1
- Figtreebody · 400, 500, 600, 700 · SIL OFL 1.1
- Display95 / 64px · 400One wedding a day, and today it is yours.
- H259 / 59px · 400Six places to say it.
- H342 / 42px · 400Everyone at one long table.
- Lead21 / 21px · 400Vows on the palm lawn at five.
- Body17 / 17px · 400Dinner at the long table at seven.
- Small13 / 13px · 600No second couple at the gate, no turnaround at four.
- Eyebrow14 / 14px · 500SEVEN O'CLOCK
Components
HoneyfordReal weddingsGalleryMenuJournalSpaces
Check a date
2 $6k
The Long Table
Summer 27
SEVEN O'CLOCK
Everyone at one long table.
Dinner at the long table at seven.
Three ways to marry here.
No second couple at the gate, no turnaround at four.
Shape and motion
- sm · 8px
- md · 14px
- lg · 22px
- pill · 9999px
- shadow sm
- shadow md
- out ·
cubic-bezier(.22, .68, .12, 1) - in-out ·
cubic-bezier(.65, 0, .25, 1) - fast · 200ms
- base · 500ms
- slow · 1100ms
Exports
- DESIGN.md
DESIGN.md22 KBEverything - CSS variables
tokens.css5 KBEverything - Tailwind v4
tailwind.css6 KBEverything - shadcn/ui theme
shadcn.css5 KBEverything - Figma variables
figma-variables.json29 KBEverything - Webflow variables
webflow-variables.json9 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("honeyford") with the MCP server.
- Source
- Honeyford template
- Palette
- Sanzo Wada 203: Pale Lemon Yellow, Vinaceous Cinnamon, Lincoln Green
- Fonts
- Cormorant (SIL OFL 1.1), Figtree (SIL OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 15.93:1 · muted 9.36: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