Style Guide

A central guide for common components and styles used in Verywell.

Colors

Primaries and grays controlled by the Global Swatch feature.
Pale Green
#EEF6D6
Key Lime
#A3B569
Moss
#697432
Hunter Green
#334420
Lavender
#E1DEFA
Teal
#3E357A
Khaki
#F5DEB7
Tan
#D9AC5F
Brown
#836839
Pale Gray
#F8FAF9
Gray
#EAEEED
Dark Gray
#39413E
Deep Green
#1C211F
White
#FFFFFF
White - Faded
rgba(255,255,255,0.1)

Typography

Headings, body and other common text elements.
Display One

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Large Text
Body Text
Small Text

Buttons

Component, text style and size variations

Form Inputs

General style and state variations for text inputs.
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Here is some hint text for the input.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form Selectables

Styling for checkboxes, selects and radios.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.