Lightmere design system
From the Lightmere template.
Included with Everything
Colour
Type
- Instrument Serifdisplay · 400 · OFL 1.1
- Hanken Groteskbody · 400, 550, 600 · OFL 1.1
- Geist Monomono · 400 · OFL 1.1
- Display135 / 59px · 400Three models. One way of thinking.
- H1109 / 54px · 400Three models. One way of thinking.
- H263 / 40px · 400Every claim has somewhere to stand.
- H323 / 20px · 600See how it got to the answer.
- H426 / 26px · 400See how it got to the answer.
- Lead19 / 18px · 400Start free in the console with a million tokens on us.
- Body17 / 18px · 400Start free in the console with a million tokens on us.
- Small14 / 14px · 400Start free in the console with a million tokens on us.
- Eyebrow14 / 14px · 600The Mere family
Components
LightmereConsoleResearchSafetyPricingOpen the console
Open the console
Yearly
The Mere family
See how it got to the answer.
Start free in the console with a million tokens on us.
We publish where we fall short.
Start free in the console with a million tokens on us.
Shape and motion
- sm · 9px
- md · 14px
- lg · 22px
- pill · 9999px
- shadow sm
- shadow md
- out ·
cubic-bezier(.16, .84, .24, 1) - in-out ·
cubic-bezier(.65, 0, .35, 1) - base · 900ms
Exports
- DESIGN.md
DESIGN.md24 KBEverything - CSS variables
tokens.css6 KBEverything - Tailwind v4
tailwind.css7 KBEverything - shadcn/ui theme
shadcn.css5 KBEverything - Figma variables
figma-variables.json32 KBEverything - Webflow variables
webflow-variables.json10 KBEverything - W3C tokens (JSON)
tokens.json20 KBEverything
Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("lightmere") with the MCP server.
- Source
- Lightmere template
- Palette
- Sanzo Wada 296: Sulpher Yellow, Ochraceous Salmon, Pale Raw Umber, Slate Color
- Fonts
- Instrument Serif (OFL 1.1), Hanken Grotesk (OFL 1.1), Geist Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 18.75:1 · muted 13.09: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