Linear is a purpose-built tool for planning and building products, prized for speed, precision, and craft. Its UI layers near-black surfaces around #08090a with a single indigo-violet accent (#5E6AD2) and tightly tracked Inter Variable — calm, precise, and a strong base for dark professional SaaS interfaces.
SaaSMinimal
Prompt Template
Base Template
Design a Linear-inspired interface. - Dark-mode-native: #08090a marketing background, #0f1011 panel background, #191a1b elevated surfaces; - Inter Variable with "cv01", "ss03" globally — geometric alternates for a cleaner aesthetic; - Signature weight 510 (between regular and medium) for most UI text; - Aggressive negative letter-spacing at display sizes (-1.584px at 72px, -1.056px at 48px); - Brand indigo-violet: #5e6ad2 (bg) / #7170ff (accent) / #828fff (hover) — the only chromatic color in the system. Colors: #010102, #08090a, #0f1011, #191a1b with #010102 accent. Typography: (.
Variant Prompts
📱 Mobile
Design a mobile app with Linear aesthetics. Use Linear color identity with #010102 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Linear style. Use Linear color identity with #010102 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Linear design language. Use Linear color identity with #010102 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Linear visual identity. Use Linear color identity with #010102 accents. Compelling, conversion-focused.
Usage Examples
Linear App
WebBuild a web app with Linear design language and #010102 color system.
Linear Dashboard
DashboardCreate a dashboard using Linear style with data visualization and ( typography.
✅ Best For
- SaaS
- Project management and collaboration tools
- Efficiency-focused minimal workspaces
❌ Avoid For
- Very dense reporting systems
- Playful illustrated marketing pages
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.