Internal Styles & Resources
Styleguide: Text Styles
last edited October 29, 2025
Text Styles
ORIGINAL SITE:
Heading: Desktop+Laptop / Tablet / Mobile
H1: Stratum Black (All Caps)
64px / 32px / 32px
Line Height: 1.0625em / 1.2em / 1.2em
Letter-spacing: 0.75px / 0.5px / 0.5px
H2: GT Pressura Bold (Reg. Caps)
64px / 40px / 40px
Line Height: 1.0625em / 1.2em / 1.2em
Letter-spacing: 0.75px / 0.75px / 0.75px
H3: GT Pressura Bold (Reg. Caps)
31px / 31px / 31px
Line Height: 1.2em / 1.2em / 1.2em
Letter-spacing: 0px / 0px / 0px
H4: Stratum Black (All Caps)
32px / 32px / 32px
Line Height: 1.25em / 1.25em / 1.25em
Letter-spacing: 0.5px / 0.5px / 0.5px
H5: GT Pressura Bold (Reg. Caps)
24px / 24px / 24px
Line Height: 1.33em / 1.33em / 1.33em
Letter-spacing: 0.5px / 0.5px / 0.5px
H6: GT Pressura Bold (Reg. Caps)
16px / 16px / 16px
Line Height: 1.25em / 1.25em / 1.25em
Letter-spacing: 0.5px / 0.5px / 0.5px
OTHER HEADING STYLES:
"Eyebrow": Stratum Black (All Caps)
20px / 20px / 20px
Line Height: 1.25em / 1.25em / 1.25em
Letter-spacing: 0.5px / 0.5px / 0.5px
BODY COPY
Sentinel: 20px / 18px / 18px
Line Height: 1.4em / 1.55em / 1.55em
Letter-spacing: 0.3px / 0.3px / 0.3px
Updated STYLE DEV:
Heading: Desktop+Laptop / Tablet / Mobile
H1: Arial Bold (Reg. Caps)
64px / 50px / 36px
Line Height: 1.05em / 1.05em / 1.05em
Letter-spacing: 0.75px / 0.5px / 0.5px
H2: Arial Bold (Reg. Caps)
46px / 46px / 34px
Line Height: 1.05em / 1.05em / 1.05em
Letter-spacing: 0.75px / 0.75px / 0.75px
H3: Arial Bold (Reg. Caps)
32px / 32px / 32px
Line Height: 1.25em / 1.25em / 1.25em
Letter-spacing: 0.5px / 0.5px / 0.5px
H4: Arial Bold (Reg. Caps)
32px / 32px / 32px
Line Height: 1.25em / 1.25em / 1.25em
Letter-spacing: 0.5px / 0.5px / 0.5px
H5: Arial Bold (Reg. Caps)
24px / 24px / 24px
Line Height: 1.35em / 1.35em / 1.35em
Letter-spacing: 0.5px / 0.5px / 0.5px
H6: Arial Bold (Reg. Caps)
16px / 16px / 16px
Line Height: 1.25em / 1.25em / 1.25em
Letter-spacing: 0.5px / 0.5px / 0.5px
OTHER HEADING STYLES:
"Eyebrow" / "Callout": Rajdhani (All Caps) 20px / 20px / 20px
Line Height: 1.25em / 1.25em / 1.25em
Letter-spacing: 0.5px / 0.5px / 0.5px
BODY COPY
Georgia: 18px / 16px / 16px
Line Height: 1.5em / 1.5em / 1.5em
Letter-spacing: 0.3px / 0.3px / 0.3px
Override Class: .heading-callout
.heading-callout {
text-transform: uppercase !important;
font-family: 'Rajdhani' !important;
font-weight: 700 !important;
line-height: 1.26em !important;
}
.heading-callout H1
.heading-callout H2
.heading-callout H3
.heading-callout H4
.heading-callout H5
.heading-callout H6
Paragraph Callout: .paragraph-callout
.paragraph-callout ("Eyebrow" Heading)
h2 Title Prefix Callout Styled as h4
Info Box Title Gray Subheading h3 Styled as h5
Enter description text here. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco. Lorem ipsum dolor sit amet, consectetur adipiscing. Quo incidunt ullamco.
Class: .infobox-callout
- Lorem ipsum dolor sit amet, consectetur adipiscing.
- Quo incidunt ullamco. Lorem ipsum
- dolor sit amet, consectetur adipiscing. Quo incidunt ullamco.
Explore the World on a Wilderness Expedition
Become a global leader
Dive into a study abroad experience like no other. Travel to one of our campuses around the world, then head into the wilderness. Each NOLS study abroad program offers countless benefits for personal growth, including opportunities to practice foreign language skills, develop cultural understanding, and expand on your academic goals.
During your time abroad, you’ll embrace experiential learning while earning academic credit as you get to know a new environment and different culture firsthand. At the start, you’ll work on building key outdoor and leadership skills under the guidance of experienced instructors. Stepping out of your comfort zone, you’ll engage with the local communities of your host country through daily interactions and structured homestays. You’ll return to your home university with evolved personal goals, a new perspective, new friends, and the confidence to lead in class, outdoors, and beyond.
.fontsize-xl (64px) (Mobile: 40px)
.fontsize-lg (46px) (Mobile: 36px)
.fontsize-md (32px)
.fontsize-sm (24px)
.fontsize-xs (16px)
.fontsize-xl
BB Heading Module
.fontsize-xl
.fontsize-xl .heading-callout
UABB Heading Module
.fontsize-xl
Description text here
.fontsize-xl .heading-callout
Description text here
UABB Info Box Module
Title Prefix
.fontsize-xl
Description text here
Title Prefix
.fontsize-xl
Description text here
BB Text Editor Module
.fontsize-xl
(INLINE STYLE) Description text here
.fontsize-xl .heading-callout
(INLINE STYLE) Description text here
.fontsize-lg
BB Heading Module
.fontsize-lg
.fontsize-lg .heading-callout
UABB Heading Module
.fontsize-lg
Description text here
.fontsize-lg .heading-callout
Description text here
UABB Info Box Module
Title Prefix
.fontsize-lg
Description text here
Title Prefix
.fontsize-lg
Description text here
BB Text Editor Module
.fontsize-lg
(INLINE STYLE) Description text here
.fontsize-lg .heading-callout
(INLINE STYLE) Description text here
.fontsize-md
BB Heading Module
.fontsize-md
.fontsize-md .heading-callout
UABB Heading Module
.fontsize-md
Description text here
.fontsize-md .heading-callout
Description text here
UABB Info Box Module
Title Prefix
.fontsize-md
Description text here
Title Prefix
.fontsize-md
Description text here
BB Text Editor Module
.fontsize-md
(INLINE STYLE) Description text here
.fontsize-md .heading-callout
(INLINE STYLE) Description text here
.fontsize-sm
BB Heading Module
.fontsize-sm
.fontsize-sm .heading-callout
UABB Heading Module
.fontsize-sm
Description text here
.fontsize-sm .heading-callout
Description text here
UABB Info Box Module
Title Prefix
.fontsize-sm
Description text here
Title Prefix
.fontsize-sm
Description text here
BB Text Editor Module
.fontsize-sm
(INLINE STYLE) Description text here
.fontsize-sm .heading-callout
(INLINE STYLE) Description text here
.fontsize-xs
BB Heading Module
.fontsize-xs
.fontsize-xs .heading-callout
UABB Heading Module
.fontsize-xs
Description text here
.fontsize-xs .heading-callout
Description text here
UABB Info Box Module
Title Prefix
.fontsize-xs
Description text here
Title Prefix
.fontsize-xs
Description text here
BB Text Editor Module
.fontsize-xs
(INLINE STYLE) Description text here
.fontsize-xs .heading-callout
(INLINE STYLE) Description text here
