Sunswell design system
From the Sunswell template.
Included with Everything
Colour
Type
- Bricolage Grotesquedisplay · 600, 700 · SIL Open Font License 1.1
- Figtreebody · 400, 500, 600 · SIL Open Font License 1.1
- Display150 / 70px · 600Four ways we grow you. One team runs all four.
- H1121 / 56px · 600Four ways we grow you. One team runs all four.
- H263 / 40px · 600Watch your growth being run.
- H345 / 28px · 600From audit to compounding in ninety days.
- H424 / 24px · 700From audit to compounding in ninety days.
- Lead19 / 18px · 400Sunswell is an AI growth studio: AI agents plan, launch and run paid, search, creative and lifecycle, and a senior operator approves every move.
- Body17 / 17px · 400A video-rich website template for an AI growth studio, with a working AI growth audit, a live campaign cockpit and five generated films you own.
- Small13 / 13px · 400We plan, launch and run your paid, search and lifecycle with AI agents.
- Eyebrow13 / 13px · 600The AI growth studio
Components
SunswellWorkPricingAboutRequest my AI audit
Request my AI audit
Monthly
The AI growth studio
From audit to compounding in ninety days.
A video-rich website template for an AI growth studio, with a working AI growth audit, a live campaign cockpit and five generated films you own.
Results, with the numbers.
We plan, launch and run your paid, search and lifecycle with AI agents.
Shape and motion
- sm · 6px
- md · 10px
- lg · 16px
- pill · 9999px
- shadow sm
- shadow md
- in-out ·
cubic-bezier(.65, 0, .35, 1) - out ·
cubic-bezier(.16, 1, .3, 1) - fast · 300ms
- base · 800ms
- slow · 1400ms
Exports
- DESIGN.md
DESIGN.md24 KBEverything - CSS variables
tokens.css6 KBEverything - Tailwind v4
tailwind.css6 KBEverything - shadcn/ui theme
shadcn.css5 KBEverything - Figma variables
figma-variables.json31 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("sunswell") with the MCP server.
- Source
- Sunswell template
- Palette
- Sanzo Wada 340: Peach Red, Sea Green, Neutral Gray, Black
- Fonts
- Bricolage Grotesque (OFL 1.1), Figtree (OFL 1.1)
- Themes
- Dark and light
- Contrast
- Text 17.77:1 · muted 8.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