Brand Identity
The Wellnerise design system is built to evoke calm, trust, and health. It uses soft geometric shapes, a nature-inspired color palette, and clear functionality optimized for scheduling and service booking.
01. Colors
Primary Palette (Custom Green)
Semantic Colors
Neutrals (New Dark #1a1a1a)
02. Typography
Heading 1
Zain Black (900) / 60px
Heading 2
Zain ExtraBold (800) / 48px
Heading 3
Zain Bold (700) / 36px
Lead Paragraph: Wellness is the act of practicing healthy habits on a daily basis to attain better physical and mental health outcomes.
Body Text: This is the standard body text size. It is optimized for readability in long form content, service descriptions, and instructions within the app.
Caption / Label: Used for form labels, metadata, and timestamps.
04. Forms & Inputs
Text Fields
Selection Controls
05. Booking Widgets
October 2023
Available Slots
Select Trainer
06. Content Cards
Restore your body and mind with our beginner-friendly Hatha yoga sessions.
Unlimited
- Unlimited Gym Access
- All Group Classes
- Free Health Checkup
07. Feedback & Alerts
Booking Confirmed!
You have successfully booked your Yoga session for Oct 24th.
Session Almost Full
Only 2 spots remaining for this time slot.