Web Typography
The Google fonts Cormorant and Open Sans are used for most of the web typography. Deviation from this should be consistent with the Wake Forest web colors.
Content headings
Heading levels 1-6 are used below. Heading 1 is used as the page title on each page; therefore, section headings start with Heading 2.
Heading levels on your website should follow a nested, outline-like structure to clearly organize sections and subsections of your content. Properly nesting headings without skipping levels ensures your page remains accessible and easy to navigate for users, including those relying on assistive technology like screen readers.
Heading 1 (Page Title)
48px/3rem; ‘Cormorant’, serif; font-weight: 600; #222222
Heading 2
40px/2.5rem; ‘Cormorant’, serif; font-weight: 600; #8c6d2c
Heading 3
36px/2.25rem; ‘Cormorant’, serif; font-weight: 600; #222222
Heading 4
34px/2.1rem; ‘Cormorant’, serif; font-weight: 600; #8c6d2c
Heading 5
24px/1.5rem; ‘Open Sans’, ‘Helvetica Neue’, Helvetica, sans-serif; font-weight: 700; #222222
Heading 6
21px/1.3rem; ‘Open Sans’, ‘Helvetica Neue’, Helvetica, sans-serif; font-weight: 700; #222222
Paragraph styles
Default Paragraph Style
18px/1.1rem; ‘Open Sans’, ‘Helvetica Neue’, Helvetica, sans-serif; font-weight: 400; #222222