Sunhand design system
From the Sunhand template.
Included with Everything
Colour
Type
- Archivodisplay · 700, 800, 900 · SIL Open Font License 1.1
- Instrument Sansbody · 400, 500, 600, 700 · SIL Open Font License 1.1
- JetBrains Monomono · 500 · SIL Open Font License 1.1
- Display190 / 76px · 900The quote desk we built for Corvid Freight.
- H1101 / 60px · 800The quote desk we built for Corvid Freight.
- H263 / 38px · 800Four kinds of agent, all of them at work.
- H329 / 24px · 700From the wall to production in twelve weeks.
- Lead19 / 18px · 400Sunhand is an AI agency in Porto.
- Body16 / 16px · 400We design, build and run AI agents that take the slow work off your team, and we stay until they hold up.
- Small12 / 12px · 500A duotone website template for an agency that builds AI agents, led by a generated film of the studio wall in late sun, printed in two inks.
- Eyebrow13 / 13px · 500ONE AGENT, ONE MORNING
Components
SunhandServicesPricingStudioBook a callBook a call
Book a call
Book a call
+ Price a change
ONE AGENT, ONE MORNING
From the wall to production in twelve weeks.
We design, build and run AI agents that take the slow work off your team, and we stay until they hold up.
What clients say
A duotone website template for an agency that builds AI agents, led by a generated film of the studio wall in late sun, printed in two inks.
Shape and motion
- sm · 0px
- md · 0px
- lg · 0px
- in-out ·
cubic-bezier(.7, 0, .2, 1) - out ·
cubic-bezier(.16, 1, .3, 1) - fast · 300ms
- base · 700ms
- slow · 1200ms
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.json16 KBEverything
Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("sunhand") with the MCP server.
- Source
- Sunhand template
- Palette
- Sanzo Wada 344: Cinnamon Buff, Deep Lyons Blue, Aconite Violet, Black
- Fonts
- Archivo (OFL 1.1), Instrument Sans (OFL 1.1), JetBrains Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 8.79:1 · muted 5.51: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