Style Guide

Typography

Similar to the logotype, typography is a key part of the style and branding for Grace Snellville. Typography is more than font selection; it includes spacing, kerning, colors, effects and layout to create an overall style. 

Guiding Principles

Identification: Use of our standard typography helps reinforce to the reader that the communication is from Grace Snellville.
Consistency: Always use these guidelines to help maintain the identity of Grace Snellville.
Legibility: When selecting fonts and styles for communication, make sure they will be legible in all sizes and platforms where it will be seen. 
Style: This style guide is primarily for the main communications of Grace Snellville church. Ministries within Grace may have different logos and typography which are not specified here, but these guiding principles should apply.

Standard Fonts
Trade Gothic Bold Condensed 20

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Use for headings and general communication items, such as signage

Trade Gothic Condensed 18

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Use for secondary headings and body copy when appropriate

Helvetica 55 Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Use for body copy on digital and print media

Helvetica 75 Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Use for body copy on digital and print media

Spacing: Tracking, kerning & line spacing

Tracking, or letter spacing, is the amount of spacing over a line of text. Tracking that is too tight or too wide can make body copy difficult to read. There are instances where intentional tight or wide tracking is used in a graphic for a visual effect.

Text with good tracking.

Text with tracking too tight.

Text with too much tracking.

Kerning refers to the amount of spacing between individual characters. Most fonts have built-in kerning tables which set it automatically, but lower quality fonts–particularly free ones–have poor kerning and require manual adjustments. Manual kerning is most often done with headings or large type where it is the predominant visual element. Kerning is usually unnoticed unless it is done poorly. Want to learn and practice kerning? Try this.

Genesis Revelation

Proper kerning

kerning example

What’s the problem here? Watch out for letters with slants and open spaces such as A, W, V, T, etc.

Line spacing, or leading, is the amount of vertical space between lines of text. Line spacing is most important in body copy where the reader’s eyes are scanning from one line of text to the next.

Good line spacing:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse aliquet, ipsum ut ultrices tempor, ligula urna interdum augue, vel pharetra risus odio nec diam. Curabitur ut sem non nulla blandit sodales. Etiam vel tellus vel massa semper rutrum. Pellentesque suscipit mi nunc, non laoreet nunc luctus non. Suspendisse lacus tortor, suscipit eget velit sit amet, viverra sollicitudin elit. Nam ornare tempor velit, efficitur aliquam arcu aliquam a. Integer vehicula iaculis laoreet. 

Too much line spacing:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse aliquet, ipsum ut ultrices tempor, ligula urna interdum augue, vel pharetra risus odio nec diam. Curabitur ut sem non nulla blandit sodales. Etiam vel tellus vel massa semper rutrum. Pellentesque suscipit mi nunc, non laoreet nunc luctus non. Suspendisse lacus tortor, suscipit eget velit sit amet, viverra sollicitudin elit.

Too little line spacing:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse aliquet, ipsum ut ultrices tempor, ligula urna interdum augue, vel pharetra risus odio nec diam. Curabitur ut sem non nulla blandit sodales. Etiam vel tellus vel massa semper rutrum. Pellentesque suscipit mi nunc, non laoreet nunc luctus non. Suspendisse lacus tortor, suscipit eget velit sit amet, viverra sollicitudin elit. Nam ornare tempor velit, efficitur aliquam arcu aliquam