Truesum design system
From the Truesum template.
Included with Everything
Colour
Type
- Brygada 1918display · 450, 500 · Check the font vendor
- Golos Textbody · 400, 500, 600, 700 · Check the font vendor
- Display80 / 60px · 500Five services, one monthly fee.
- H250 / 37px · 500Watch a month close.
- H338 / 28px · 500Know your fee before we meet.
- Lead25 / 20px · 400Accountants for small businesses, founders and families.
- Body21 / 15px · 400Accountants for small businesses, founders and families.
- Small13 / 13px · 600Accountants for small businesses, founders and families.
- Eyebrow17 / 17px · 500TRUESUM & CO. SINCE 1998
Components
TruesumPricingDeadlinesResourcesAboutServices
Subscribe
Every option
Services
TRUESUM & CO. SINCE 1998
Know your fee before we meet.
Accountants for small businesses, founders and families.
Owners, founders and families.
Accountants for small businesses, founders and families.
Shape and motion
- sm · 2px
- md · 4px
- lg · 10px
- pill · 9999px
- shadow sm
- out ·
cubic-bezier(.2, .7, .2, 1) - fast · 160ms
- base · 300ms
- slow · 700ms
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.json29 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("truesum") with the MCP server.
- Source
- Truesum template
- Palette
- Sanzo Wada 217: Pale Burnt Lake, Ochraceous Salmon, Diamine Green
- Fonts
- Brygada 1918 (Check the font vendor), Golos Text (Check the font vendor)
- Themes
- Light and dark
- Contrast
- Text 16.12:1 · muted 10.45: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