Linear

Difficulty:
Company
linear-app

Effect Preview

Style Description

Project management. Ultra-minimal, precise, purple accents

Tags

LinearSaaS

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

Web App
Build a web app with Linear design language and #010102 color system.

Linear Dashboard

Dashboard
Create a dashboard using Linear style with data visualization and ( typography.

✅ Best For

  • SaaS
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines