fellowship church K N O X V I L L E

STYLE GUIDE

K N O X V I L L E

F E L L O W S H I P

fellowship church K N O X V I L L E

style

guid

e

table

of

about the churchstyle guide overviewmeet the brandlogologo variationslogo guidelineslogomarklockuptypographyprimary typefacetitles and headersmixed usage examplecolor paletteimagery recommendationsstock imagery recommendationsicon recommendationslayout recommendations

co

nt

en

ts1

234567891011121314151617

about

the churc

h

Fellowship Church Knoxville serves to give glory, honor and praise to the person of Jesus Christ through corporate worship, strong biblical teaching and personal obedience to Him; to provide an environment of growth through disciple-ship and equipping for disciple-making; to Glorify God by pursuing the Christ-life and engaging the World

1234567891011121314151617

church K N O X V I L L E

F E L L O W S H I P

We are builders

laying foundations in Jesus Christ

style

guid

e overv

iew

234567891011121314151617

The style guide is an introduction to the visual aesthetics of the church

This is a manual on how to use the logo as well as general design guidelines when creating any written literature for Fellowship Church

Use our style guide to tell our story as well as yours as a designer, always keep the endings happy and never use a sepia tone fi lter for dramatic effect

Go forth and conquer every blank canvas with the appropriate visual communication

meet

the bra

nd

34567891011121314151617

The logo a simple, easily identifi able, and graphically fl exible logo that could be used to say who we are: “gathered to go”.

We gather to be transformed so that we can continue on mission, with the Gospel as His servants in the world.

All the energy that is produced within this transformational community is not to be stored or hoarded, but rather to be expended through love and service to those who are not a part of His Body.

gathered

to go

4567891011121314151617

logo

church K N O X V I L L E

F E L L O W S H I P

wh

at d

oes

th

is lo

go

loo

k lik

e...?

The logo is a visual tool

used to give a fi rst impression

church K N O X V I L L E

F E L L O W S H I P

Our logo servesas a glance into the church, its people, and its values

logo vari

ati

ons

567891011121314151617

thes

e ar

e va

riat

ions

of t

he lo

go y

ou c

an c

hoos

e fr

omchurch K N O X V I L L E

F E L L O W S H I P

fellowship church K N O X V I L L E

fellowship church

fellowship church K N O X V I L L E

church K N O X V I L L E

F E L L O W S H I P

ON/WHITE VARIATIONS

church K N O X V I L L E

F E L L O W S H I P

ON/BLACK VARIATIONS

fellowship church K N O X V I L L EK N O X V I L L E

fellowship church

fellowship church K N O X V I L L E

church K N O X V I L L E

F E L L O W S H I P

ON/BLACK VARIATIONS

church K N O X V I L L E

F E L L O W S H I P

logo guid

elines

Textures of any kind should never be used on the logo.

It should be kept simple and clean at all times.

Never crowd or layer images and/or text on the top of the logo.

67891011121314151617

The logomark is a stand alone graphic element, however in most situations the logomark and word-mark should be used to-gether (lockup). The word-mark should always be used in combination with the logomark

logom

ark

7891011121314151617

lockup

fellowship church K N O X V I L L E

fellowship church

fellowship church K N O X V I L L E

church K N O X V I L L E

F E L L O W S H I P

891011121314151617

“The best advice i have ever been given is not to use comic sans: changed my life”

typogra

phy

91011121314151617

cleansimplelegiblehelvetica neue is our primary typeface. It is a sans-sarif font that has been reworked to be more structurally unifi ed in height and width

your eyes will thank us

pri

mary

ty

pefa

ce

1011121314151617

Helvetica Neue

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789

Helvetica Neue Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789

AaBbCc0123

Genesis 1: 1-10

1 In the beginning God created the heavens and the earth. 2 Now the earth was formless and empty, dark-ness was over the surface of the deep, and the Spirit of God was hovering over the waters.

3 And God said, “Let there be light,” and there was light. 4 God saw that the light was good, and he separated the light from the darkness. 5 God called the light “day,” and the darkness he called “night.” And there was evening, and there was morning —the fi rst day.

6 And God said, “Let there be a vault between the wa-ters to separate water from water.” 7 So God made the vault and separated the water under the vault from the water above it. And it was so. 8 God called the vault “sky.” And there was evening, and there was morning —the second day.

9 And God said, “Let the water under the sky be gath-ered to one place, and let dry ground appear.” And it was so. 10 God called the dry ground “land,” and the gathered waters he called “seas.” And God saw that it was good.

titl

es

and headers

11121314151617

AaBbCc0123Aaargh

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789

Use aaargh font style when titling a document or creating a headline

Genesis 1: 1-51 In the beginning God cre-ated the heavens and the earth. 2 Now the earth was formless and empty, darkness was over the surface of the deep, and the Spirit of God was hovering over the waters.

3 And God said, “Let there be light,” and there was light. 4 God saw that the light was good, and he separated the light from the darkness. 5 God called the light “day,” and the darkness he called “night.” And there was evening, and there was morning —the fi rst day.

mix

ed usa

ge exam

ple

121314151617

colo

r pale

tte

1314151617

CMYK is a color model used for color printing

It allows you to key in the exact number corresponding to the color.

When combined they create the exact color match and achieve consistency among varying computers.

think of it as a recipe!...just don’t eat the results

cmyk

cmyk

cmyk

48171000

86755569

00030

imaery

re

com

mendati

ons

14151617

Meaning: make sure to choose images that pertain to the brand or to the content.

Content:content should always have hierarchy to the background

Clarity:use small images sparingly:they increase clutter and reduce legibility

Don’t make anything unnecessarily large or small, it’s hard to look at and just plain silly

Use Imagery to add:Im

ager

y is

one

of

the

mo

st p

ow

erfu

l to

ols

in v

isua

l des

ign

Support your message:take time to choose authentic images that reinforce your design

Finding high quality images is more impor-tant than “it was so perfect i could not pass it up”... yes you can.

Add value:value= high quality images

If you use a search engine to fi nd an image make sure it’s bigger than 72 dpi

stock im

agery

re

com

mendati

ons

151617

Use stock images to:

1617

icon re

com

mendati

ons

Guide:simple icons can help guide people to where they need to go

Guide... Quickly!one or two colors should catch the eye and direct the viewer in less than 30 seconds

Keep it clean and simple

An icon needs to:

layout

recom

mendati

ons

17

Reinforce the most important information:not stimulate hyperactivity

Always use grids and guidesalways

Utilize the white space: it makes the page clean and simple

So do it.

Make your design the star:have a proper balance between graphics and layout - and remember less is more!

A layout needs to:

g u i d e d b y d e s i g n

d e s i g n e d b y G o d

g u i d e d b u G o d