Overview

ABOUT THE STYLE GUIDE

The beauty of Hoboken begins with a certain boldness. A boldness of opinion. Of thought. Of diversity. A boldness to be ourselves. Even though we’re all diverse, and come from different cultures and backgrounds, we are connected through our boldness. And through our City. We are Hoboken.

GIVE THE USER CONTROL

SeamlessDocs motivates consumers to take the control of their financial decision-making; our designs enable this process. Good design increases transparency and succinctly hands the user all the necessary information, giving consumers control of how they use it. Designers must rely on introspection and research to discover what path users instinctively take and then cater to those instincts.

DESIGN WITH DATA

SeamlessDocs motivates consumers to take the control of their financial decision-making; our designs enable this process. Good design increases transparency and succinctly hands the user all the necessary information, giving consumers control of how they use it. Designers must rely on introspection and research to discover what path users instinctively take and then cater to those instincts.

Colors

PRIMARY COLORS

These are the core colors driving the personality of the site. They provide a modern take on our diverse past, and work well together to create the site’s visual brand.

Color 1
#685342

These are the core colors driving the personality of the site. They provide a modern take on our diverse past, and work well together to create the site’s.

Color 2
#c0ab9a

These are the core colors driving the personality of the site. They provide a modern take on our diverse past, and work well together to create the site’s.

Color 3
#559250

These are the core colors driving the personality of the site. They provide a modern take on our diverse past, and work well together to create the site’s.

Color 4
#3c4db8

These are the core colors driving the personality of the site. They provide a modern take on our diverse past, and work well together to create the site’s.

Color 2
#c0ab9a

These are the core colors driving the personality of the site. They provide a modern take on our diverse past, and work well together to create the site’s.

Color 2
#c0ab9a

These are the core colors driving the personality of the site. They provide a modern take on our diverse past, and work well together to create the site’s.

TYPOGRAPHY

FONTS AND SIZES

These are the core colors driving the personality of the site. They provide a modern take on our diverse past, and work well together to create the site’s visual brand.

Font: Dosis
Click to view in Google Webfont Library
dosis normal
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Dosis bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

H1 - Heading

Font: Dosis
Style: ExtraBold
Size: 40px

Spacing: 1
Line Height: 42px
Text Color: #black

H2 - Heading

Font: Dosis
Style: Bold
Size: 28px

Spacing: 1
Line Height: 34px
Text Color: #black

H3 - Heading

Font: Dosis
Style: Bold
Size: 23px

Spacing: 0
Line Height: 25px
Text Color: #black

H4 - Heading

Font: Dosis
Style: Bold
Size: 23px

Spacing: 0
Line Height: 20px
Text Color: #7c848a

H5 - Heading

Font: Dosis
Style: Bold
Size: 19px

Spacing: 0
Line Height: 19px
Text Color: #black

H6 - Heading

Font: Dosis
Style: Regular
Size: 18px

Spacing: 0
Line Height: 18px
Text Color: #7c848a

Paragraph - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Font: Dosis
Style: Regular
Size: 18px

Spacing: 0
Line Height: 24px
Text Color: #black

Paragraph Italic - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Font: Dosis
Style: Italic
Size: 18px

Spacing: 0
Line Height: 24px
Text Color: #black

Other

Search forms

Search forms used on the site.

Large Search form

Small