Goldwake design system
From the Goldwake template.
Included with Everything
Colour
Type
- Archivodisplay · 400, 500, 600 · SIL Open Font License 1.1
- IBM Plex Monomono · 400, 500 · SIL Open Font License 1.1
- Display89 / 49px · 600Five ways to move it. One desk to call.
- H258 / 32px · 600Ocean, air or rail? Ask once.
- H327 / 20px · 600From brief to berth in four moves.
- Lead26 / 20px · 400Goldwake is a global freight forwarder for ocean, air, rail and customs.
- Body22 / 17px · 400AI plans the route and checks the papers; a named team moves your cargo and answers the phone.
- Small13 / 13px · 400Describe the cargo the way you would to a colleague.
- Eyebrow13 / 13px · 500HOME / STYLE GUIDE
Components
GoldwakeNetworkCompanyTrackGet a quoteServices
Get a quote
Plan the route
Talk to a desk
Cost
HOME / STYLE GUIDE
From brief to berth in four moves.
AI plans the route and checks the papers; a named team moves your cargo and answers the phone.
Every box, every vessel, now.
Describe the cargo the way you would to a colleague.
Shape and motion
- sm · 3px
- md · 6px
- lg · 10px
- pill · 9999px
- out ·
cubic-bezier(.2, .7, .1, 1) - standard ·
cubic-bezier(.6, 0, .2, 1) - fast · 180ms
- base · 420ms
- slow · 900ms
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("goldwake") with the MCP server.
- Source
- Goldwake template
- Palette
- Sanzo Wada 151: Sulpher Yellow, Yellow Orange, Vandar Poel's Blue
- Fonts
- Archivo (OFL 1.1), IBM Plex Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 17.23:1 · muted 9.68: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