Kindwright design system
From the Kindwright template.
Included with Everything
Colour
Type
- Anybodydisplay · 800 · SIL Open Font License 1.1
- Instrument Sansbody · 400, 550, 600, 650 · SIL Open Font License 1.1
- Display86 / 44px · 800The whole house, one number.
- H181 / 47px · 800The whole house, one number.
- H262 / 36px · 800No surprises. Not one.
- H322 / 20px · 650Prices before we knock.
- Lead22 / 20px · 400Kindwright Home Services: plumbing, electrical, handyman and cleaning across the Denver metro.
- Body19 / 17px · 400Flat prices before we start, arrival windows that hold, and 24/7 emergency call-outs.
- Small14 / 14px · 400A licensed tech at your door in about an hour, any hour.
- Eyebrow15 / 15px · 550FOUR TRADES, ONE CALL
Components
KindwrightPricingAreasReviewsAboutGet a quote
(720) 555-0199
2–3 bed
Care member
Office open now Emergency line 24/7
Prices before we knock.
Flat prices before we start, arrival windows that hold, and 24/7 emergency call-outs.
What Denver says after.
A licensed tech at your door in about an hour, any hour.
Shape and motion
- sm · 3px
- md · 10px
- lg · 16px
- pill · 9999px
- shadow sm
- shadow md
- out ·
cubic-bezier(.2, .8, .2, 1) - in-out ·
cubic-bezier(.7, 0, .3, 1) - base · 700ms
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("kindwright") with the MCP server.
- Source
- Kindwright template
- Palette
- Sanzo Wada 141: Orange, Yellow Green, Dark Tyrian Blue
- Fonts
- Anybody (OFL 1.1), Instrument Sans (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 11.5:1 · muted 5.12: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