Merrow design system
From the Merrow template.
Included with Everything
Colour
Type
- Familjen Groteskdisplay · 600 · SIL Open Font License 1.1
- Albert Sansbody · 400, 500, 600 · SIL Open Font License 1.1
- IBM Plex Monomono · 400, 500 · SIL Open Font License 1.1
- Display84 / 42px · 600Every channel in. Every system on hand.
- H164 / 39px · 600Every channel in. Every system on hand.
- H252 / 32px · 600Ready for the questions you get every day
- H322 / 20px · 600See Merrow answer your own customers
- Lead21 / 20px · 400A website template for an AI support assistant: email, chat and voice, hand-off to humans, integrations and pricing.
- Body17 / 16px · 400Every reply cites its sources.
- Small14 / 14px · 400Paste your help center address.
- Eyebrow12 / 12px · 500CHANNELS AND SYSTEMS
Components
MerrowProductIntegrationsCustomersPricingStart free
Start free
Outline on accent
CHANNELS AND SYSTEMS
See Merrow answer your own customers
Every reply cites its sources.
Shape and motion
- sm · 8px
- md · 18px
- lg · 28px
- pill · 9999px
- shadow sm
- shadow md
- out ·
cubic-bezier(.2, .7, .2, 1) - fast · 250ms
- base · 500ms
- slow · 1200ms
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.json30 KBEverything - Webflow variables
webflow-variables.json9 KBEverything - W3C tokens (JSON)
tokens.json20 KBEverything
Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("merrow") with the MCP server.
- Source
- Merrow template
- Palette
- Sanzo Wada 167: Ecru, Pale King's Blue, Vandar Poel's Blue
- Fonts
- Familjen Grotesk (OFL 1.1), Albert Sans (OFL 1.1), IBM Plex Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 17.68:1 · muted 8.85: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