Kaption Style Guide

Feature Buttons (Colored Background, White Icon)

Copilot
Copilot
#7C3AED
AI Studio
AI Studio
#7C3AED
Transcripts
Transcripts
#F97316
Suggestions
Suggestions
#F97316
Translation
Translation
#0EA5E9
Scheduled
Scheduled
#0284C7
Reminders
Reminders
#F59E0B
Recording
Recording
#DC2626
Send
Send
#1CB055

Feature Colors Mobile

Copilot / AI Studio
#7C3AED
Transcripts / Suggestions
#F97316
Translation
#0EA5E9
Scheduled
#0284C7
Reminders
#F59E0B
Recording
#DC2626
Brand Green
#1CB055

AI Icons

Sparkles
Sparkles
Copilot
HeroIcons Solid
Brain
Brain
AI Studio
Lucide
Audio Lines
Audio Lines
Transcripts
Lucide
Magic Wand
Magic Wand
Suggestions
Lucide (Wand2)
Languages
Languages
Translation
Lucide
Calendar Clock
Calendar Clock
Scheduled
Lucide
Bell
Bell
Reminders
Lucide
Mic
Mic
Recording
Lucide
Send
Send
Send Message
Ionicons

Color Palette Mobile

TokenLightDarkUsage
bg-primary#ffffff#1a1a1aMain background
bg-secondary#f5f5f5#303030Secondary background
text-primary#202020#eeeeeePrimary text
copilotPurple#7C3AED#7C3AEDCopilot / AI Studio
copilotLight#EDE9FE#3b2d63Copilot background
brandGreen#1CB055#1CB055Brand / Send

Documentation

Full style reference with colors, icons, and usage guidelines

View STYLE.md