City of Paterson
Style Guide
This page helps establish the brand image and style, guiding the creative process.
Colors
Primary Colors
Primary
Marian Blue
#21409a
Primary - Dark
Oxford Blue
#0b1533
Primary - Light
Savoy Blue
#3d62cc
Secondary Colors
Secondary
Dim Gray
#6d6e71
Secondary - Light
Platinum
#dddfe5
Neutral Colors
Dark
Eerie Black
#1a1a1a
Midtone
Bone
#E8DFCB
Light
Isabelline
#F9F6F1
Typography
Headings
Heading H1
H1 (60px)
Heading H2
H2 (40px)
Heading H3
H3 (30px)
Heading H4
H4 (22px)
Heading H5
H5 (18px)
Heading H6
H6 (16px)
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Paragraph (16px)
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Paragraph - Small (14px)
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Paragraph - Large (24px)
Emphasis Text
Accent Text
Accent Text
Accent Text
Accent Text - Gray
Lorem ipsum dolor sit amet
Bold Text
Lorem ipsum dolor sit amet
Italic Text
Block Quote
Block Quote
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
List
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
List - Number
Buttons
Cards
Button TextDiscover latest
Discover latest
Marketing Trends
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dictum sollicitudin diam ac lorem cras tellus facilisis ut. Morbi dictum ut sed.
Category
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Auther Name
Text
Category
Heading
This is some text inside of a div block.
Name
Text
18+ Hours of Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dictum sollicitudin diam ac.
