Visit givelively.org

Typography

DIN is the signature font of the Give Lively brand. The clean, modern typeface should be used for headers and body text whenever possible. This typeface is available in Adobe fonts as "DIN 2014".  When DIN is unavailable, use the open source font Roboto as an alternative (available in Google fonts)

DIN 2014

DIN 2014

DIN 2014

DIN 2014 Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0 1 2 3 4 5 6 7 8 9
abcdefghijklmnopqrstuvwxyz

DIN 2014 Normal
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0 1 2 3 4 5 6 7 8 9
abcdefghijklmnopqrstuvwxyz

DIN 2014 Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0 1 2 3 4 5 6 7 8 9
abcdefghijklmnopqrstuvwxyz

Text styling

Text styling helps create a clear information hierarchy. Different font weights, sizes and colors show the reader where to look. Give Lively currently employs the following text styles, which can be followed closely or used for inspiration; new styles may be created as long as they rely on established brand fonts and colors, and complement the current information hierarchy.

SECTION TAG

Headline conveys a central message

The subhead may contain keywords in bold to emphasize specific points.

Tag
Weight: Bold
Case: All capitals
Color: Accessibility Green (#067583)
Length: Five or fewer words
Spacing: One line only
Headline
Weight: Bold
Case: Sentence case capitalization
Color: Midnight Green (#164046)
Subhead
Weight: Regular/Bold
Case: Sentence case capitalization
Color: Charcoal Gray (#4A4A4A)
Large and bold headline

The subhead may contain keywords in bold to emphasize specific points.

Headline
Weight: Bold
Case: Sentence case capitalization
Color: Midnight Green (#164046)
Subhead
Weight: Regular/Bold
Case: Sentence case capitalization
Color: Charcoal Gray (#4A4A4A)
Give Lively Event Fundraising Solution Icon
The composition can contain icons

The subhead explains the specifics of the message

Headline
Weight: Bold
Case: Sentence case capitalization
Color: Charcoal Gray (#4A4A4A)
Subhead
Weight: Regular/Bold
Case: Sentence case capitalization
Color: Charcoal Gray (#4A4A4A)

Header conveys a central message

Subhead above body

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Subhead above body

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat

Headline
Weight: Bold
Case: Sentence case capitalization
Color: Midnight Green (#164046)
Subhead
Weight: Regular/Bold
Case: Sentence case capitalization
Color: Charcoal Gray (#4A4A4A)
Body
Weight: Regular
Case: Sentence case capitalization
Color: Charcoal Gray (#4A4A4A)