BRAND GUIDELINES v1.0

    Pearl Lemon

    LemClosers

    The commission-only sales talent marketplace

    © 2026 Lem Studio

    🎤 Brand Voice

    Core Personality Traits

    • ✓ Humorous & Self-Deprecating
    • ✓ Irreverent & Playful
    • ✓ Engaging & Addictive
    • ✓ Supportive & Encouraging
    • ✓ Gamified & Achievement-Focused

    Never Be

    • ✗ Corporate or Stiff
    • ✗ Condescending or Preachy
    • ✗ Boring or Generic
    • ✗ Judgmental About Failures
    • ✗ Overly Serious

    Copy Examples

    Context❌ Don't✅ Do
    Button TextSubmitLet's Do This! 🚀
    Empty StateNo tasks foundYour task list is so clean, Marie Kondo would be jealous 🧹
    Error MessageAn error occurredOops! Our hamsters took a coffee break. Try again? ☕
    Success ToastTask completedBoom! Another one bites the dust 💥
    Loading StateLoading...Brewing productivity... ☕
    Streak LostStreak reset to 0Your streak yeeted itself into the void 💀 But hey, fresh start!

    🎨 Color Palette

    Primary (Pearl Lemon Yellow)

    HSL: 45 95% 49%

    HEX: #FFD93D

    CTAs, highlights, key actions

    Primary Hover

    HSL: 45 95% 42%

    HEX: #D4B52E

    Button hover states

    Primary Foreground

    HSL: 0 0% 0%

    HEX: #000000

    Text on primary backgrounds

    Pearl Lemon Green

    HSL: 142 76% 36%

    HEX: #16A34A

    Success states, accents

    Background

    HSL: 0 0% 100%

    HEX: #FFFFFF

    Main background (light mode)

    Background Dark

    HSL: 0 0% 7%

    HEX: #121212

    Main background (dark mode)

    Foreground

    HSL: 0 0% 9%

    HEX: #171717

    Primary text (light mode)

    Foreground Dark

    HSL: 0 0% 98%

    HEX: #FAFAFA

    Primary text (dark mode)

    Muted

    HSL: 0 0% 96%

    HEX: #F5F5F5

    Secondary backgrounds

    Muted Foreground

    HSL: 0 0% 45%

    HEX: #737373

    Secondary text, placeholders

    Destructive

    HSL: 0 84% 60%

    HEX: #EF4444

    Errors, destructive actions

    Warning

    HSL: 38 92% 50%

    HEX: #F59E0B

    Warnings, attention states

    Color Usage Rules

    • • Primary Yellow (#FFD93D) is the hero color - use for CTAs and key highlights
    • • Always use semantic tokens (--primary, --background) not raw colors
    • • Maintain 4.5:1 contrast ratio for accessibility
    • • Dark mode inverts background/foreground, primary stays consistent

    📝 Typography

    Primary Font: Inter

    Aa Bb Cc

    Headings & Titles

    Body text for paragraphs and descriptions. The quick brown fox jumps over the lazy dog.

    Small text for captions and metadata

    Monospace: JetBrains Mono

    Aa Bb Cc

    Code & Numbers

    const productivity = 100;

    Time: 25:00 | XP: 1,250

    Type Scale

    5xl / 48pxDisplay Heading
    3xl / 30pxPage Title
    xl / 20pxSection Heading
    base / 16pxBody text and paragraphs
    sm / 14pxSecondary text and labels

    🎭 Personality Modes

    Users can select their preferred motivation style. All copy adapts accordingly.

    The Drill Sergeant 🪖

    Tough love motivation

    "Drop and give me 20... tasks!"

    The Cheerleader 📣

    Enthusiastic encouragement

    "You're CRUSHING it! Go go go!"

    The Zen Master 🧘

    Calm, mindful guidance

    "One task at a time. Breathe."

    The Gamer 🎮

    Achievement-focused

    "Achievement unlocked: Productivity God!"

    The Comedian 🎭

    Pure entertainment

    "Your to-do list called. It's crying."

    🧩 UI Components

    Button Variants

    Special Effects

    Pearl Glow

    Used for highlighted elements

    className="pearl-glow"

    Task Complete Animation

    Satisfying completion feedback

    className="animate-task-complete"

    Streak Flames

    Intensity based on streak length

    animate-flame-soft/medium/intense

    Confetti Celebration

    For achievements and milestones

    useConfetti() hook

    🎮 Gamification Elements

    XP System

    • • Complete task: +10 XP
    • • Complete habit: +15 XP
    • • Focus session: +20 XP
    • • Weekly review: +50 XP
    • • Streak bonus: +5 XP per day

    Level Progression

    • • Level 1-5: Lemon Seed
    • • Level 6-10: Sprouting Lemon
    • • Level 11-20: Growing Tree
    • • Level 21-35: Fruiting Tree
    • • Level 36+: Lemon Grove Master

    Achievements

    • 🔥 Hot Streak (7-day streak)
    • 🏃 Early Bird (5am task)
    • 🦉 Night Owl (midnight task)
    • 🎯 Bullseye (all daily goals)
    • 🧘 Zen Master (30min focus)

    Daily Challenges

    • • Complete 5 tasks
    • • 25-minute focus session
    • • Clear inbox to zero
    • • Complete all habits
    • • Weekly challenge: 50 tasks

    📋 Quick Reference

    Fonts

    Inter (UI)

    JetBrains Mono (Code)

    Primary Color

    #FFD93D

    HSL: 45 95% 49%

    Border Radius

    Default: 0.5rem

    Buttons: 0.5rem