Skip to main content

Style Guide

Grid

Number of Columns: 12

Gutter Width: 48px

Max Container Width: 1440px

1
2
3
4
5
6
7
8
9
10
11
12

Typography

Fonts: 16px = 1rem

Lorem Ipsum Dolar

Font Family: CVS Health Sans Bold

Font Size: 5rem

Line Height: 5rem

 

Use "Style Alpha" in RTE

Lorem Ipsum Dolar

Font Family: CVS Health Sans Bold

Font Size: 3.6rem

Line Height: 4.2rem

 

Use "Style Beta" in RTE

Lorem Ipsum Dolar

Font Family: CVS Health Sans Bold

Font Size: 2.6rem

Line Height: 3.12rem

 

Use "Style Gamma" in RTE

Lorem Ipsum Dolar

Font Family: CVS Health Sans Regular

Font Size: 2rem

Line Height: 2.62rem

 

Use "Style Delta" in RTE

Lorem Ipsum Dolar

Font Family: CVS Health Sans Medium

Font Size: 1.1rem

Line Height: 1.65rem

 

Use "Style Epsilon" in RTE

Lorem Ipsum Dolar

Font Family: CVS Health Sans Bold

Font Size: 1.2rem

Line Height: 1.92rem

 

Use "Style Zeta" in RTE

Lorem Ipsum Dolar

Font Family: CVS Health Sans Regular

Font Size: 1rem

Line Height: 1.6rem

 

Use "Style Eta" in RTE.
This is default style.

Lorem Ipsum Dolar

Font Family: CVS Health Sans Medium

Font Size: 0.9375rem

Line Height: 1.6rem

Letter Spacing:  0.14rem

 

Use "Style Theta" in RTE.

Lorem Ipsum Dolar

Font Family: CVS Health Sans Regular

Font Size: 1rem

Line Height: 1.6rem

Indent:  40px

 

Use "Style Iota" in RTE.

Buttons

Type: Primary Button

Font Family: CVS Sans Bold

Font Size: 1rem

Line Height: 1.6rem

 

Use "Primary Button" in RTE or Call To Action

Type: Secondary Button

Font Family: CVS Sans Medium

Font Size: 1rem

Line Height: 1.6rem

 

Use "Secondary Button" in RTE or Call To Action