Everything for $49All templates for $99

Design systems

Covelight design system

From the Covelight template.

Included with Everything
Covelight

Colour

Type

  • Frauncesdisplay · 360 · SIL Open Font License 1.1
  • Interbody · 400, 500, 600 · SIL Open Font License 1.1
  • Spline Sans Monomono · 400 · SIL Open Font License 1.1
  • Display90 / 52px · 360Every berth, every beach, every hour.
  • H261 / 35px · 360From sensor to sentence.
  • H320 / 20px · 600Ask the sea a plain question.
  • Lead21 / 20px · 400Covelight is ocean intelligence for the coast.
  • Body15 / 15px · 400AI reads buoys, satellites and tide gauges and tells ports, ferries, resorts and insurers what the sea will do, hour by hour, in plain words.
  • Small13 / 13px · 500Every plan has the full model, Ask Covelight and alerts.
  • Eyebrow12 / 12px · 500FORECAST

Components

CustomersPricingJournalAsk CovelightPlatform
Book a demo Book a demo Ask Covelight Crane

FORECAST

Ask the sea a plain question.

AI reads buoys, satellites and tide gauges and tells ports, ferries, resorts and insurers what the sea will do, hour by hour, in plain words.

Shape and motion

  • sm · 8px
  • md · 14px
  • lg · 26px
  • pill · 9999px
  • shadow sm
  • shadow md
  • out · cubic-bezier(.22, .61, .2, 1)
  • in-out · cubic-bezier(.65, 0, .35, 1)
  • fast · 200ms
  • base · 500ms
  • slow · 1100ms

Exports

  • DESIGN.mdDESIGN.md22 KBEverything
  • CSS variablestokens.css6 KBEverything
  • Tailwind v4tailwind.css6 KBEverything
  • shadcn/ui themeshadcn.css5 KBEverything
  • Figma variablesfigma-variables.json29 KBEverything
  • Webflow variableswebflow-variables.json9 KBEverything
  • W3C tokens (JSON)tokens.json19 KBEverything

Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("covelight") with the MCP server.

Source
Covelight template
Palette
Sanzo Wada 302: Cream Yellow, Ecru, Nile Blue, Antwarp Blue
Fonts
Fraunces (OFL 1.1), Inter (OFL 1.1), Spline Sans Mono (OFL 1.1)
Themes
Light and dark
Contrast
Text 16.51:1 · muted 9.45: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