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
Text only - Default
Text only - Disabled
Icon left - Default
Icon left - Disabled
Icon right - Default
Icon right - Disabled
Secondary
Icon only - Default
Icon only - Disabled
Text only - Default
Text only - Disabled
Icon left - Default
Icon left - Disabled
Icon right - Default
Icon right - Disabled
Plain
Icon only - Default
Icon only - Disabled
Text only - Default
Text only - Disabled
Icon left - Default
Icon left - Disabled
Icon right - Default
Icon right - Disabled
Badge: Icon and text
Badge: Icon only
Badge: Text only
Tab Link