Veerline design system
From the Veerline template.
Included with Everything
Colour
Type
- Host Groteskdisplay · 400, 500, 600, 700 · SIL Open Font License 1.1
- IBM Plex Monomono · 400 · SIL Open Font License 1.1
- Display115 / 48px · 600Watch one clear a queue.
- H258 / 32px · 600Connected to what you already run.
- H320 / 18px · 500Five teams, one platform.
- Lead22 / 18px · 400A Swiss-style website template for an AI company whose agents run operations work, opening on a generated film of low sun crossing a concrete facade.
- Body16 / 16px · 400Each agent follows a runbook your team writes in plain words.
- Small14 / 14px · 400AI that touches money and access has to answer to someone.
- Eyebrow12 / 12px · 40002 AGENTS AT WORK
Components
VeerlineCustomersPricingCompanyJournalBook a demo
Invoice agent 14
Book a demo
Order exceptions 9
02 AGENTS AT WORK
Five teams, one platform.
Each agent follows a runbook your team writes in plain words.
Shape and motion
- sm · 0px
- md · 0px
- lg · 0px
- shadow sm
- shadow md
- in-out ·
cubic-bezier(.7, 0, .2, 1) - out ·
cubic-bezier(.2, .7, .1, 1) - fast · 300ms
- base · 600ms
- 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.json28 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("veerline") with the MCP server.
- Source
- Veerline template
- Palette
- Sanzo Wada 2: Yellow Orange, Dark Tyrian Blue
- Fonts
- Host Grotesk (OFL 1.1), IBM Plex Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 17.55:1 · muted 5.73: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