Brightrun design system
From the Brightrun template.
Included with Everything
Colour
Type
- Archivodisplay · 600, 700 · SIL Open Font License 1.1
- Public Sansbody · 400, 500, 600 · SIL Open Font License 1.1
- JetBrains Monomono · 400, 500 · SIL Open Font License 1.1
- Display92 / 46px · 600Five agents. One freight desk.
- H171 / 48px · 600Five agents. One freight desk.
- H252 / 34px · 600Live in two weeks, not two quarters.
- H324 / 21px · 600Every load on one map. You hear about three.
- H417 / 17px · 700Every load on one map. You hear about three.
- Lead19 / 18px · 400AI agents that quote, book, track and bill.
- Body16 / 16px · 400Each agent owns one job from start to finish and writes down every decision.
- Small14 / 14px · 400AI agents that quote, book, track and bill.
- Eyebrow13 / 13px · 600THE AGENTS
Components
BrightrunCustomersSign inBook a demoPlatformBook a demo
Book a demo
Book a demo
Mon Oct 12
THE AGENTS
Every load on one map. You hear about three.
Each agent owns one job from start to finish and writes down every decision.
Built for the people who move freight.
AI agents that quote, book, track and bill.
Shape and motion
- sm · 4px
- md · 12px
- lg · 20px
- pill · 9999px
- shadow sm
- shadow md
- out ·
cubic-bezier(.16, 1, .3, 1) - in-out ·
cubic-bezier(.65, 0, .35, 1) - fast · 300ms
- base · 700ms
- slow · 1200ms
Exports
- DESIGN.md
DESIGN.md24 KBEverything - CSS variables
tokens.css6 KBEverything - Tailwind v4
tailwind.css7 KBEverything - shadcn/ui theme
shadcn.css5 KBEverything - Figma variables
figma-variables.json31 KBEverything - Webflow variables
webflow-variables.json10 KBEverything - W3C tokens (JSON)
tokens.json19 KBEverything
Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("brightrun") with the MCP server.
- Source
- Brightrun template
- Palette
- Sanzo Wada 155: Jasper Red, Benzol Green, Deep Indigo
- Fonts
- Archivo (OFL 1.1), Public Sans (OFL 1.1), JetBrains Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 16.99:1 · muted 6.4: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