ZenBooking · Design System

Still. Simple.
Present.

A booking and wellness SaaS design system built for spas, studios, and practitioners. Warm stone tones, Gilda Display's quiet authority, and space that lets the work breathe.

Gilda Display Mauve #9E88D4 Sage + Rose Light Default Wellness SaaS
Color Tokens
Warm earth palette — mauve, sage, rose, sand. No harshness, only intention.
Primary Accent
accent
—
accent-hover
—
accent-dim
soft
Earth Palette
sage
—
rose
—
sand
—
Surfaces
bg-base
warm white
bg-surface
white
bg-elevated
linen
text-primary
warm near-black
Typography
Gilda Display — elegant, unhurried, classical without being cold.
display / 40px / 400
Restore. Renew.
h1 / 30px / 400
Deep Tissue Massage
h2 / 22px / 400
Thursday Availability
h3 / 17px / 400
Prenatal Wellness Package
body / 14px Jost 300
Experience our signature stone therapy treatment, designed to release tension held deep in the body. Each session is tailored to your needs, in a space built for stillness.
small / 12px / 300
60 minutes · $120 · Mia Chen, LMT · Studio B
caption / DM Mono
BOOKING_ID: ZB-2025-00441 · STATUS: CONFIRMED
Buttons
Soft, rounded, unhurried — buttons that invite rather than demand.
Primary
Wellness Actions
Booking Flow
Status Badges
Appointment and client status — soft, not alarming.
Confirmed Pending Cancelled Member ✦ VIP New Client
Form Inputs
Booking intake and client profile forms — gentle, unhurried.
// Kept strictly private — shared only with your assigned therapist
KPI Cards
Studio metrics — Gilda numerals, colored dot accent, breathing space.
Bookings Today📅
24
↑ 6 vs yesterday
Revenue Today💰
$2,880
↑ 14% vs last week
Retention Rate🔁
78%
↑ 4pp this month
Avg Session⏱
82 min
↓ 3 min vs target
Appointments Table
Daily appointment roster with status and therapist assignment.
ClientServiceTimeTherapistDurationStatusTotal
Amara Chen
Member · 12 visits		 Hot Stone Therapy 10:00 AM Mia Chen 90 min Confirmed $180
Jonas Rivera
New Client		 Deep Tissue 11:30 AM Kai Nakamura 60 min Pending $120
Sophie Laurent
VIP · 34 visits		 Prenatal Massage 1:00 PM Mia Chen 60 min Confirmed $130
Marcus Webb
Member · 7 visits		 Swedish Massage 3:30 PM Lena Park 60 min Cancelled $110
Booking Cards
Upcoming session widgets with therapist and time block.
Hot Stone Therapy
Studio B · Full body
Confirmed
Thu
24
Apr
10:00 AM
90 minutes
MC
Mia Chen
Licensed Massage Therapist
Member rate
$180
Himalayan Salt Facial
Treatment Room 1
Pending
Fri
25
Apr
2:30 PM
60 minutes
LP
Lena Park
Esthetician & Reiki Practitioner
✦ VIP
$145
Service Cards
Treatment menu display — for booking pages and client portals.
🪨
Hot Stone Therapy
Heated basalt stones placed along energy centers to melt tension held deep in muscle tissue.
$180 90 min
💆
Deep Tissue Massage
Focused pressure on chronic tension patterns. Ideal for athletes and those with postural strain.
$120 60 min
🌸
Himalayan Salt Facial
Mineral-rich exfoliation and lymphatic drainage for radiant, balanced skin. All skin types.
$145 60 min
Weekly Calendar
Appointment scheduling view with color-coded treatment types.
April 2025 — Week 17
Mon
21
Tue
22
Wed
23
Thu
24
Fri
25
Sat
26
Sun
27
9 AM
Amara — Massage
Jonas — Deep Tissue
Sophie — Facial
10 AM
Marcus — Swedish
Intake — Reiki
Amara — Hot Stone
3 Bookings
11 AM
Facial — Lena
Jonas — Prenatal
Serenity AI
Your mindful studio assistant — scheduling, retention, and client care.
🪷
Serenity
Present · Studio Mode
GPT-4.1
Good morning. Today's schedule is full — 24 appointments, 3 new clients. Sophie Laurent's 6-month anniversary is next week. She's visited 34 times. A personal note and complimentary add-on would be a meaningful gesture.
Serenity · 8:30 AM
Yes, draft a warm message for Sophie and suggest what add-on to offer based on her history.
Studio · 8:31 AM
✦ Draft: "Sophie — six months ago you walked through our door for the first time. Since then, you've been one of our most cherished guests. As a small token of gratitude, your next visit includes a complimentary aromatherapy enhancement."

Based on her visit history — she favors the Hot Stone with lavender — the Himalayan Salt Scalp Treatment would pair beautifully. Takes 15 minutes, no extra booking needed.
Serenity · 8:31 AM
Theme Compare
Warm linen light — quiet midnight dark. Both feel like sanctuary.
☀️ Light Mode (Default)
--bg-base: #FAF8F5
--accent: #9E88D4
--sage / --rose / --sand
Font: Gilda Display
🌙 Dark Mode
--bg-base: #100E0A
--accent: #B8A4E0
--text: #F2EDE4
Font: Gilda Display
CSS Token Export
Complete ZenBooking design token set.
/* ZenBooking Design System v1.0 — Light Theme */
/* Surfaces */
--bg-base: #FAF8F5;
--bg-surface: #FFFFFF;
--bg-elevated: #F4F1EC;

/* Accent — Warm Mauve */
--accent: #9E88D4;
--accent-hover: #8B74C0;

/* Earth Palette */
--sage: #7B9E87;
--rose: #C4847A;
--sand: #C9A96E;

/* Typography */
--font-heading: 'Gilda Display';
--font-body: 'Jost'; /* weight 300 */
ZENBOOKING DESIGN SYSTEM v1.0 · STUDIOFLOW.TOP · BUILT WITH ❤ BY APTOCODE