AERA design system

Styler

Adjust the live site. Every choice is retained in this browser and can travel with a Product Studio build.

01 · Atmosphere

Set the atmosphere.

Surface, color, type, identity and motion across the live site.

Surface

Surface

3 options
Color theme

Color theme

12 options
Typography

Typography

12 options
Logo

Logo

6 options
Progress bar

Progress bar

7 options
Page transition

Page transition

3 options
Header motion

Header motion

2 options
02 · Component treatments

Tune every role independently.

Each choice changes only that component family across the live site.

Navigation

Navigation

3 options
Primary action

Primary action

3 options
Secondary action

Secondary action

3 options
Tertiary action

Tertiary action

3 options
Quiet action

Quiet action

3 options
Icon action

Icon action

3 options
Tags

Tags

3 options
Filter choices

Filter choices

3 options
Your edit

Product enquiry

Your product edit is waiting.

Add a skincare favorite and it will stay saved here.Explore the Shop
Plan before live availability

Your treatment plan

Choose a treatment to begin.

Add exact service options here, then continue to the booking handoff with the complete plan ready.

Explore services