Theme Styles
Symbols

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

Small
Button - Small
Default
Button
Large
Button - Large
Small
Button Hollow - Small
Default
Button Hollow
Large
Button Hollow - Large
Small
Button Hollow - Gray - Small
Default
Button Hollow - Gray
Large
Button Hollow - Gray - Large

Cards

Button Text

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
Hours of Content - Evently Webflow Template

18+ Hours of Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dictum sollicitudin diam ac.