getlago
A precise, developer-first billing-platform interface built on a warm off-white canvas (#f5f5ef) with crisp black text and a single grotesque typeface (GT America). The system reads as quiet, engineering-grade SaaS — flat surfaces with no shadows, tight 8px-radius white cards and inputs, soft pill chips for multi-select questions, and a clean horizontal top-nav. Brand voltage comes from a saturated accent spectrum (red, orange, yellow, green, violet) used sparingly in iconography and logo marks rather than from heavy surface color.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
h1
40px · 500 · 1.2
The quick brown fox jumps
body
14px · 500 · 1.429
The quick brown fox jumps
button
16px · 500 · 1.5
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 48px | |
| section | 96px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| sm | 6px | |
| md | 8px | |
| lg | 10px | |
| full | 9999px |
FAQ
- What colors does getlago use?
- getlago's core palette includes #000000, #202020, #1e2939, #646464, #6a7282. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the getlago DESIGN.md.
- What font does getlago use?
- getlago's primary typeface is GT America. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the getlago design system?
- A precise, developer-first billing-platform interface built on a warm off-white canvas (#f5f5ef) with crisp black text and a single grotesque typeface (GT America). The system reads as quiet, enginee…