Everything for $49All templates for $99

Design systems

Gloam design system

From the Gloam template.

Included with Everything
Gloam

Colour

Type

  • Big Shoulders Displaydisplay · 800 · OFL 1.1
  • Geistbody · 400, 500, 600, 700 · OFL 1.1
  • Geist Monomono · 400, 500, 600 · OFL 1.1
  • Display138 / 64px · 800FOUR THOUSAND ALERTS. ONE STORY.
  • H192 / 53px · 800FOUR THOUSAND ALERTS. ONE STORY.
  • H272 / 44px · 800WATCH. TRACE. HOLD. BRIEF.
  • H343 / 26px · 800What changed for our customers
  • Lead19 / 17px · 400A neon-dark website template for an AI security company, with a rain-on-glass night film in a tall window and the wordmark cut out of the dark.
  • Body16 / 16px · 400A neon-dark website template for an AI security company, with a rain-on-glass night film in a tall window and the wordmark cut out of the dark.
  • Small14 / 14px · 600A neon-dark website template for an AI security company, with a rain-on-glass night film in a tall window and the wordmark cut out of the dark.
  • Eyebrow11 / 11px · 600MOST TEAMS

Components

CustomersPricingBook a demoBook a demo
Book a demo Plum

MOST TEAMS

What changed for our customers

A neon-dark website template for an AI security company, with a rain-on-glass night film in a tall window and the wordmark cut out of the dark.

Shape and motion

  • sm · 5px
  • md · 8px
  • lg · 14px
  • shadow sm
  • in-out · cubic-bezier(.7, 0, .2, 1)
  • out · cubic-bezier(.2, .8, .2, 1)
  • fast · 300ms
  • base · 700ms
  • slow · 1200ms

Exports

  • DESIGN.mdDESIGN.md23 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("gloam") with the MCP server.

Source
Gloam template
Palette
Sanzo Wada 61: Light Green Yellow, Cotinga Purple
Fonts
Big Shoulders Display (OFL 1.1), Geist (OFL 1.1), Geist Mono (OFL 1.1)
Themes
Dark and light
Contrast
Text 18.16:1 · muted 9.42: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