Silverlark design system
From the Silverlark template.
Included with Everything
Colour
Type
- Unboundeddisplay · 500 · OFL 1.1: free to use, bundle and sell with software; not sold on its own
- Manropebody · 400, 500, 600, 700 · OFL 1.1
- JetBrains Monomono · 400 · OFL 1.1
- Display92 / 44px · 500Every call, handled.
- H250 / 32px · 500From the first ring to done.
- H322 / 20px · 600What changes in the first month.
- H412 / 12px · 600What changes in the first month.
- Lead23 / 20px · 400Silverlark builds AI voice agents that pick up on the first ring, book the work and hand over to your team when it matters.
- Body19 / 16px · 400Nine languages, on the number you already have.
- Small14 / 14px · 400A liquid chrome website template for an AI voice agent company, led by a generated chrome film poured into a giant greeting.
- Eyebrow16 / 16px · 500Section label
Components
SilverlarkStudioPricingCustomersBook a demoBook a demo
Book a demo
Learn more
What changes in the first month.
Nine languages, on the number you already have.
Shape and motion
- sm · 11px
- md · 16px
- lg · 26px
- pill · 9999px
- in-out ·
cubic-bezier(.65, 0, .35, 1) - out ·
cubic-bezier(.22, 1, .36, 1) - fast · 350ms
- base · 800ms
- slow · 1300ms
Exports
- DESIGN.md
DESIGN.md23 KBEverything - CSS variables
tokens.css5 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.json18 KBEverything
Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("silverlark") with the MCP server.
- Source
- Silverlark template
- Palette
- Sanzo Wada 167: Ecru, Pale King's Blue, Vandar Poel's Blue
- Fonts
- Unbounded (OFL 1.1: free to use, bundle and sell with software; not sold on its own), Manrope (OFL 1.1), JetBrains Mono (OFL 1.1)
- Themes
- Dark and light
- Contrast
- Text 16.94:1 · muted 7.99: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