Reference Guide
This refers to the short suffixes in the admin titles (seen in the standard view inside pages)
H(#) – Header Size/Rank
P/…/BOD – All refer to body copy
IMG – Image
GAL – Gallery
TES – Testimonial
SLD – Slider
SEC – Section
For mobile and tablet views, versus desktop views, additional suffix may be added:
DSK – Desktop
TAB – Tablet
MBL – Mobile
Typography
Headers
Desktop
Hero-H1 9vw
H1 7.5vw LS-2px
H2 5vw LS-1px
h3 18px ls5px lh1em
ucase
h5 12px LS4p Lh1em
ucase
Font-family
DM Sans BOLD
LH1em
Tablet
Hero-H1 100px
H1 70px LS-2px
H2 5vw LS-1px
h3 18px ls5px lh1em
ucase
h5 12px LS4p Lh1em
ucase
Mobile
Hero-H1 33px
H1 70px LS-2px
H2 5vw LS-1px
h3 8px ls5px lh1em
ucase
h5 12px LS4p Lh1em
ucase
Body copy / p
Desktop
P 2.25vw LH1.2em
Whether you’re heading back to the office, continuing to work from home, or creating a hybrid of the two, let’s come together again.
Tablet
P 28px
Mobile
P 21px
Desktop
.small-body p 1.5vw LH 1.4em
The pandemic has forced us to adapt to new ways of doing business. We’ve learned to work remotely, and we’re getting things done efficiently and effectively.
Tablet
.small-body p 19px
Mobile
.small-body p 16px