Snuggli Design System

Version 1.5 - Unified design language for warmth, clarity, and accessibility

Core Design Principle

"Snuggli must feel soft, safe, fast, emotionally intelligent, and calming for a young African user using a low-end Android phone on shaky 3G. Every pixel and interaction must support comfort, clarity, and consistency."

Brand Colors

Primary

#FF753A

Blue

#0164DD

Teal

#01C0B6

Yellow

#FF9D03

Navy

#192E44

Crisis

#950101

Usage Guidelines

  • • Primary (#FF753A): Main CTAs, brand accents, warmth
  • • Blue (#0164DD): Araba, trust, calm actions
  • • Teal (#01C0B6): Success, wellness, growth
  • • Yellow (#FF9D03): Celebration, rewards, highlights
  • • Navy (#192E44): Primary text, headings
  • • Crisis (#950101): Emergency only, use sparingly

Mood Colors

happy

#FFD93D

calm

#6BCB77

hopeful

#4D96FF

neutral

#94A3B8

tired

#A0AEC0

sad

#74B9FF

anxious

#FDA085

stressed

#FF6B6B

angry

#EE5A24

lonely

#9B59B6