Rank intelligence that tells you why, not just where
© 2026 Pearl Lemon
| Context | ❌ Don't | ✅ Do |
|---|---|---|
| Button Text | Let's Do This! | Create project |
| Empty State | Your list is so clean! | No projects yet. Create one to get started. |
| Error Message | Oops! Something went wrong. Try again? | Something went wrong. Try again. If the problem continues, contact support. |
| Success Toast | Boom! Another one bites the dust | Project created |
| Loading State | Brewing productivity... | Loading projects |
Primary
HSL: 220 80% 50%
CTAs, highlights, key actions
Secondary
HSL: 210 70% 55%
Button hover states
Background
HSL: 0 0% 100%
Main background (light mode)
Background Dark
HSL: 0 0% 7%
Main background (dark mode)
Foreground
HSL: 0 0% 9%
Primary text (light mode)
Foreground Dark
HSL: 0 0% 98%
Primary text (dark mode)
Muted
HSL: 0 0% 96%
Secondary backgrounds
Muted Foreground
HSL: 0 0% 45%
Secondary text, placeholders
Destructive
HSL: 0 84% 60%
Errors, destructive actions
Warning
HSL: 38 92% 50%
Warnings, attention states
Aa Bb Cc
Headings & Titles
Body text for paragraphs and descriptions.
Small text for captions and metadata
Aa Bb Cc
Code & Numbers
const success = true;
System messages
Inter (UI)
JetBrains Mono (Code)
HSL: 220 80% 50%
Default: 0.5rem
Buttons: 0.5rem