TYPOGRAPHY

H1: Take a deep breath

H2: Take a deep breath

H3: Take a deep breath

H4: Take a deep breath

H5: Take a deep breath

Body: Calm is committed to developing evidence-based sleep and mindfulness resources, informed by rigorous scientific research.

Body: Calm is committed to developing evidence-based sleep and mindfulness resources, informed by rigorous scientific research.

COLORS

.bg-calm-blue #2F7ECE

.bg-calm-light-blue #60B4E7

.bg-calm-purple #6461E0

.bg-dark #333333

.bg-shade-10 #6461E019

.bg-shade-30 #6461E04C

.bg-shade-40 #6461E066

.bg-shade-50 #6461E07F

.bg-shade-90 #6461E0E5

.gradient-1

.gradient-2

.gradient-4

BUTTONS

Primary

Icon only - Default

Icon only - Disabled

More details

Text only - Default

More details

Text only - Disabled

Go back

Icon left - Default

Go back

Icon left - Disabled

More details

Icon right - Default

More details

Icon right - Disabled

Secondary

Icon only - Default

Icon only - Disabled

More details

Text only - Default

More details

Text only - Disabled

Icon left - Default

Icon left - Disabled

More details

Icon right - Default

More details

Icon right - Disabled

Plain

Icon only - Default

Icon only - Disabled

More details

Text only - Default

More details

Text only - Disabled

Go back

Icon left - Default

Go back

Icon left - Disabled

More details

Icon right - Default

More details

Icon right - Disabled

New

Badge: Icon and text

Badge: Icon only

New

Badge: Text only

Collections

Tab Link

FORMS