Typography

You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.

H1

H1 - If you edit styles here, they will change across the site

H2

H2 Subheding Semibold

H2 Subheding Regular

H3

H3 Subheding Semibold

H3 Subheding Regular

H4

H4 Subheding Semibold

H4 Subheding Regular

H5
H5 Subheding Semibold
H5 Subheding Regular
Paragraph M

Boby Medium SemiBold. The largest and most trusted source for all Affordable Housing properties and programs in the United States.

Boby Medium Regular. The largest and most trusted source for all Affordable Housing properties and programs in the United States.

Paragraph S

Boby Small SemiBold. The largest and most trusted source for all Affordable Housing properties and programs in the United States.

Boby Small Regular. The largest and most trusted source for all Affordable Housing properties and programs in the United States.

Caption M

Caption Medium Regular. Fair Housing & Equal Opportunity

Caption Medium Regular. Fair Housing & Equal Opportunity

Caption S

Caption Small Regular. Fair Housing & Equal Opportunity

Caption Small Regular. Fair Housing & Equal Opportunity

Text LinkS
Link MLink MLink SLink S

Color

These colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.

Text colors

Body Font
#303E48
Secondary Body font - G700
#6E777E

Main colors

Primary blue
#009DDB
Highlight yellow
#FFB500
Error red
#B7312C
Dark blue
#007BAB
Highlight orange
#FC8B06
Success green
#529D3F

Neutral colors

BF 50
#F5F5F6
BF 400
#ACB2B6
bf100
#EAEBEC
bf500
#979EA3
bf100
#EAEBEC
bf500
#979EA3
bf100
#EAEBEC
bf100
#EAEBEC

Logo

Components

These are a few example components.

Name
Email
Message
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Buttons & Form Elements
Button Text