Foldline design system
From the Foldline template.
Included with Everything
Colour
Type
- Geistdisplay · 380, 400, 500, 700 · SIL Open Font License 1.1
- Geist Monomono · 400 · SIL Open Font License 1.1
- Display60 / 34px · 380two kinds of teammates, one place to agree
- H252 / 31px · 380shipped this month by people and their AI agents
- H318 / 18px · 500what we build next drawn in the open
- H413 / 13px · 500what we build next drawn in the open
- Lead22 / 20px · 400Foldline is AI code review: agents open the change, people review it on a live canvas and hold the merge.
- Body18 / 17px · 400A website template for an AI code review product: one workspace where engineers and coding agents review and ship changes.
- Small14 / 14px · 400Agents get the whole context.
- Eyebrow13 / 13px · 400Oct 2
Components
Foldlineproductagentschangelogdocsstart free
start free
blue
editor agents
Oct 2
what we build next drawn in the open
A website template for an AI code review product: one workspace where engineers and coding agents review and ship changes.
Shape and motion
- sm · 4px
- md · 9px
- lg · 99px
- pill · 9999px
- out ·
cubic-bezier(.16, 1, .3, 1) - fast · 250ms
- base · 500ms
- slow · 1000ms
Exports
- DESIGN.md
DESIGN.md21 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.json17 KBEverything
Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("foldline") with the MCP server.
- Source
- Foldline template
- Fonts
- Geist (OFL 1.1), Geist Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 12.27:1 · muted 4.88: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