appointments · Phase 22
hero.title
A salon where the stylist is the product. Service menus, stylist profiles, add-ons and a bookable calendar, with a gallery that sells the work.
Visual direction
Modern salon and beauty studio.
- Cream
- Soft rose
- Burgundy
- Plum accent
- Warm neutral
More fashion and editorial than medical. The stylist is the product: service menus, stylist profiles, add-ons, availability and a portfolio gallery.
- Service
- Stylist
- Add-ons
- Date
- Time
The experience itself is not built yet. What you are looking at is the foundation proving it out: the business configuration, the feature set it turns on, the vocabulary it uses, and the theme applied to this route. A salon guest is called that here, and only here. This page is served in EN, one of the 3 locales this business supports.
Enabled capabilities
23 features this business turns on. Anything absent is never rendered.
- Catalog
- ServicesAdd-ons
- Merchandising
- CollectionsCross-sellGallery
- Commerce
- DepositsPayments
- Scheduling
- AppointmentsBookingsAvailabilityCalendarRescheduleWaitlist
- Resources
- Providers
- Account
- ReviewsAuthAccountProfileNotificationsMessaging
- Content
- StoryTeamFAQ
Vocabulary
The shared foundation, relabelled. Each row shows the shared default and what this business calls it instead.
- Customer
- Guest
- Customers
- Guests
- Provider
- Stylist
- Providers
- Stylists
- Booking
- Appointment
- Bookings
- Appointments
Design tokens
light mode. This page is already rendering in the business palette.
Mode
- mode
- light
- domain
- Appointments
Colors
background
surface
surfaceAlt
border
textMuted
text
primary
secondary
accent
- background
- #fdf8f4
- surface
- #ffffff
- surfaceAlt
- #f7ebe3
- border
- #E8D3C7
- textMuted
- #7E645B
- text
- #2a1d1c
- primary
- #BD746D
- secondary
- #d9b3a4
- accent
- #6e1f34
Typography
- stack
- boutique
- display
- playfair
- heading
- urbanist
- body
- urbanist
- label
- urbanist
Spacing, radius, imagery, motion
- space.section
- 7rem
- space.gutter
- 1.5rem
- radius.card
- 0.125rem
- radius.control
- 0.125rem
- imagery.ratio
- 4/5
- imagery.treatment
- editorial
- motion.duration
- 400ms
- shadow.card
- inherited