Color Palette
Orange
#FF7E1D
Orange Deep
#EC5E0C
Orange Soft
#FFE9D6
Sky
#1FA8E0
Midnight
#12344D
Yellow
#FFCD3C
Coral
#FF8A7A
Teal
#2FBFA0
Lavender
#B79DEB
Ink
#2B2D42
Slate
#5E6C7A
Muted
#9BA6B2
Sand
#ECE3D7
Cream
#FFF6EC
Typography
Display
A Mindful Day
breathe in
Body text for paragraphs and descriptions with comfortable reading line-height.
Caption Label
Small utility text for metadata and hints
Button Variants
Primary
Secondary
Soft
Danger
Ghost
Dark Theme Buttons
Cards
New
Meditation Basics
Learn the fundamentals of mindfulness with gentle, guided daily sessions.
Popular
Letting Go of Stress
Release tension and find ease with a calming, breath-led practice.
Dark Theme Cards
🌙
Sleep
Nighttime SOS
A short wind-down to quiet a racing mind and drift off gently.
🎧
Pro
Focus Music
Immersive soundscapes engineered to help you stay in deep flow.
Components
Badges
Completed
In Progress
New
Focus
Premium
Input + Button
Toggle
Progress
85%
60%
35%
Tooltips & Streak
Hover me
🔥42
Dark Theme Components
Topic Pills
🧘Meditation
😴Sleep
🎯Focus
💛Anxiety
Avatar Group
+9
Progress
72%
45%
Badges
Mindful
Sleep
Night