Brightrow design system
From the Brightrow template.
Included with Everything
Colour
Type
- Archivodisplay · 400, 550, 600, 620, 650, 680, 700, 720, 740, 760, 780, 800 · SIL Open Font License 1.1
- IBM Plex Monomono · 400, 500 · SIL Open Font License 1.1
- Display109 / 56px · 800AI weighs every route before a wheel turns.
- H178 / 47px · 780AI weighs every route before a wheel turns.
- H256 / 34px · 740Where it is, not where it should be.
- H330 / 22px · 720From a sentence to a signed delivery.
- Lead20 / 18px · 400Every truck and every wagon reports its position each minute.
- Body17 / 17px · 400Our trucks run every day between the North Sea ports and the industrial south.
- Small14 / 14px · 400Estimate it in a minute and book it.
- Eyebrow13 / 13px · 500What we move
Components
BrightrowNetworkIndustriesPricingCompanyGet a quote
Get a quote
01 Food and drink
BR-48213
What we move
From a sentence to a signed delivery.
Our trucks run every day between the North Sea ports and the industrial south.
Twenty-one countries, sixteen daily lines.
Estimate it in a minute and book it.
Shape and motion
- sm · 4px
- md · 8px
- lg · 8px
- pill · 9999px
- shadow sm
- out ·
cubic-bezier(.2, .8, .2, 1) - in-out ·
cubic-bezier(.65, 0, .35, 1) - base · 700ms
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.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("brightrow") with the MCP server.
- Source
- Brightrow template
- Palette
- Sanzo Wada 278: Cream Yellow, Olive Ocher, Cossack Green, Dusky Green
- Fonts
- Archivo (OFL 1.1), IBM Plex Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 16.29:1 · muted 11.11: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