Turn your website into a lead machine with branded SEO audits
© 2026 Pearl Lemon
| Context | Don't | Do |
|---|---|---|
| Button Text | Submit | Start Free Trial |
| Empty State | No items found | No leads yet — share your widget link to start collecting prospects. |
| Error Message | An error occurred | We couldn't complete that request. Please try again or contact support. |
| Success Toast | Action completed | Audit saved to your pipeline. |
| Loading State | Loading... | Running audit — this usually takes 20 seconds. |
Primary
HSL: 45 95% 35%
CTAs, highlights, key actions
Secondary
HSL: 45 90% 50%
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
Plus Jakarta Sans (UI)
JetBrains Mono (Code)
HSL: 45 95% 35%
Default: 0.5rem
Buttons: 0.5rem