Everything for $49All templates for $99

Design systems

Corbel design system

From the Corbel template.

Included with Everything
Corbel

Colour

Type

  • Marcellusdisplay · 400 · SIL Open Font License 1.1
  • Albert Sansbody · 400, 500 · SIL Open Font License 1.1
  • IBM Plex Monomono · 500 · SIL Open Font License 1.1
  • Display96 / 65px · 400OUR APPROACH
  • H260 / 36px · 400Places we have built
  • H322 / 20px · 400Renewal that keeps neighbours home.
  • Lead18 / 17px · 400Corbel develops residential, mixed-use and hospitality projects and renews the neighbourhoods around them.
  • Body16 / 16px · 400See our homes, projects and journal.
  • Small14 / 14px · 400A website template for a residential, urban renewal and hospitality developer: projects, residents, investors and viewings.
  • Eyebrow12 / 12px · 500SELECTED PROJECTS

Components

Urban renewalInvestorsBook a viewing
How renewal works Subscribe All projects

RESIDENTIAL · URBAN RENEWAL · HOSPITALITY

Renewal that keeps neighbours home.

See our homes, projects and journal.

Shape and motion

  • sm · 0px
  • md · 0px
  • lg · 0px
  • shadow sm
  • out · cubic-bezier(.2, .7, .1, 1)
  • out-2 · cubic-bezier(.16, 1, .3, 1)
  • fast · 200ms
  • base · 500ms
  • slow · 900ms

Exports

  • DESIGN.mdDESIGN.md22 KBEverything
  • CSS variablestokens.css5 KBEverything
  • Tailwind v4tailwind.css6 KBEverything
  • shadcn/ui themeshadcn.css5 KBEverything
  • Figma variablesfigma-variables.json29 KBEverything
  • Webflow variableswebflow-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("corbel") with the MCP server.

Source
Corbel template
Palette
Sanzo Wada 296: Sulpher Yellow, Ochraceous Salmon, Pale Raw Umber, Slate Color
Fonts
Marcellus (OFL 1.1), Albert Sans (OFL 1.1), IBM Plex Mono (OFL 1.1)
Themes
Light and dark
Contrast
Text 16.79:1 · muted 6.5:1

Inside DESIGN.md

  1. At a glance
  2. Setup
  3. Colour
  4. Typography
  5. Layout and spacing
  6. Shape and depth
  7. Motion
  8. Components
  9. Voice and copy
  10. Do and don’t
  11. Tokens

More design systems

All 123