01

Design System
Selection

02

Color Palettes

Select the color system that best represents ManoBuddy's values

✓
Palette 01
Grounded
Warmth
Earthy greens and warm terracotta. Human-first, organic, caring.
Forest
#6B8F71
Terra
#D4845C
Honey
#E8B563
Cream
#F5F1E8
Deep
#2C3E2C
✓
Palette 02
Professional
Trust
Deep navy and soft lavender. Clinical-grade, trustworthy, structured.
Navy
#4A5F8C
Lavender
#9B7EBD
Sky
#6BA3C8
Cloud
#F0F4F8
Midnight
#1F2937
✓
Palette 03
Calm
Premium
Sage green and warm cream. Mindful, focused, sophisticated.
Sage
#8BA888
Warm
#E8DCC4
Sand
#C7B8A1
Off-White
#FAFAF7
Charcoal
#3A3A3A
✓
Palette 04
Energetic
Bold
Rich purple and warm coral. Forward-thinking, vibrant, compassionate.
Purple
#7B5EA7
Coral
#E8926F
Gold
#F4C430
Soft
#FAF7FC
Plum
#2D1B3D
03

Typography Systems

Choose the font pairing that speaks to therapists

✓
Typography 01
Modern Warmth
Plus Jakarta Sans + Inter • Friendly, approachable, contemporary
You care for others.
We care for you.
ManoBuddy helps therapists deliver better care by handling documentation, conceptualization, and clinical support—ethically and privately.
✓
Typography 02
Technical Precision
Space Grotesk + Inter • Clean, structured, professional
Professional care
meets AI precision.
ManoBuddy combines clinical expertise with AI technology to help therapists provide better care while reducing administrative burden.
✓
Typography 03
Thoughtful Elegance
Literata + Inter • Sophisticated, calm, trustworthy
Therapy deserves
thoughtful tools.
ManoBuddy creates space for what matters: your connection with clients. We handle the rest with care, precision, and respect for your practice.
✓
Typography 04
Bold Expression
DM Sans + Inter • Strong, confident, dynamic
Stop drowning
in paperwork.
ManoBuddy is the AI copilot that therapists actually want to use. Ethical, powerful, and built by people who've sat in your chair.
04

Visual Styles

Select the design approach for UI components

✓
Visual Style 01
Soft Gradient Layers
Gentle color transitions, ambient backgrounds, organic depth
Session Summary
Ambient gradients create warmth
Primary
Secondary
Character:
Warm, approachable, human-centered
✓
Visual Style 02
Structured Depth
Layered elevation, clear hierarchy, architectural precision
Case Analysis
Elevated cards with depth
Primary
Secondary
Character:
Professional, organized, clinical
✓
Visual Style 03
Clean Boundaries
Crisp edges, subtle borders, maximum clarity and breathing room
Client Notes
Minimal, intentional design
Primary
Secondary
Character:
Calm, focused, premium simplicity
✓
Visual Style 04
Dynamic Elevation
Floating elements, bold shadows, interactive depth and energy
Active Session
Elevated, interactive cards
Primary
Secondary
Character:
Bold, modern, confident presence
Palette
Not selected
Typography
Not selected
Visual Style
Not selected
×