01.03.2018 Views

The 635 Brand Guide

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

BRAND<br />

GUIDE


TIME TO COME<br />

TOGETHER


<strong>The</strong> <strong>635</strong> is the rallying point for every<br />

young adult disciple in Dallas. It is the<br />

underground Church, the haven for the<br />

rabble rousers, the thought leaders, and<br />

the upstarts who dare to believe that God<br />

is calling them to change the world.<br />

During his life, Jesus was undefinable. He<br />

was wise but was more than a scholar, a<br />

preacher, but also a healer, a revolutionary,<br />

but not a rebel.<br />

We believe that if we want people to see<br />

Jesus in the Catholic Church of Dallas,<br />

each one of us needs to become undefinable<br />

ourselves.<br />

We believe that the Holy Spirit is blowing<br />

through the Church in Dallas with the<br />

winds of revival, but in order for that<br />

revival to happen, we need to be transformed<br />

as disciples and as a Church.


OGOS &<br />

CONOGRAPHY


MEANING<br />

<strong>The</strong> logo takes its circular motifs from<br />

highway <strong>635</strong>, the loop that encircles the city<br />

of Dallas. We believe that the Holy Spirit<br />

is moving the Church in Dallas towards<br />

a deeper unity and a wider mission because<br />

only a unified church can heal a divided city.<br />

<strong>The</strong> <strong>635</strong> loop symbolically reflects both the<br />

unity and the mission to which it’s called.


LOGO<br />

<strong>The</strong> logo exists in two versions: negative and positive space.<br />

Each version is to be chosen with maximal legibility in mind.<br />

To preserve the clear display of the logo, always keep<br />

a margin around the logo. <strong>The</strong> minimal margin size is<br />

the diameter of the first circle inside the 6.<br />

<strong>The</strong> logo and its elements cannot under any circumstance<br />

be edited, chopped, skewed, or distorted in any way.


TEXTURES<br />

Because of the symbology behind the logo’s<br />

textures, these play an important role in the<br />

brand’s look.<br />

<strong>The</strong> logo’s heavy textured look gives the brand<br />

an opportunity to play with it as a graphic element<br />

to provide a subtle brand reminder and a<br />

distrinctive look.<br />

Be careful, however, to use textures too close to<br />

where the logo is already placed. This may<br />

create unwanted visual competition.


<strong>The</strong> “<strong>635</strong>” without its square frame can therefore<br />

be used as a texture. It is never to be used<br />

instead of the logo, but can be rescaled at will<br />

to support design.<br />

Textures must only be in black and white, and<br />

should be used sparingly and making sure they<br />

don’t conflict with the messaging and the rest<br />

of the design.


LOGO AND ICON SUMMARY<br />

<strong>The</strong> logo comes in black and white versions,<br />

with negative and positive space alternatives.<br />

When picking a version, legibility should dictate<br />

your choice.


POSITIVE<br />

POSITIVE<br />

NEGATIVE<br />

NEGATIVE


OLORS &<br />

YPOGRAPHY


PALETTE<br />

Blue and Rose are the two colors that distinguish<br />

<strong>The</strong> <strong>635</strong> brand, as a nod to the Texas flag.<br />

<strong>The</strong>se two colors are complemented with darker<br />

and lighter tones to support design.<br />

<strong>The</strong> palette is then combined with black and<br />

white textures. Black and white plays, indeed,<br />

a prominent role in the look of the brand.<br />

<strong>The</strong> overall palette follows a muted look with a<br />

few sprinkles of saturation to guide the eye.<br />

When combining, always keep in mind how<br />

the colors contrast with each other to make<br />

sure whatever’s represented is legible.<br />

Avoid using colored text outside of headlines<br />

or short sentences.


BLACKBERRY<br />

CMYK 96.47.18.51<br />

RGB 0.30.37<br />

Pantone 2965 U/UP<br />

HEX #001E25<br />

CRANBERRY<br />

CMYK 12.88.67.34<br />

RGB 60.0.0<br />

Pantone 202 U/UP<br />

HEX #3C0000<br />

BLUE<br />

CMYK 99.10.14.39<br />

RGB 26.84.93<br />

Pantone 308 U/UP<br />

HEX #1A545D<br />

ROSE<br />

CMYK 0.96.80.0<br />

RGB 223.60.75<br />

Pantone 199 U/UP<br />

HEX #DF3C4B<br />

LIGHT BLUE<br />

CMYK 45.12.3.3<br />

RGB 103.158.178<br />

Pantone 3577 U/UP<br />

HEX #679EB2<br />

LIGHT ROSE<br />

CMYK 0.39.11.0<br />

RGB 234.139.129<br />

Pantone 700 U/UP<br />

HEX #EA8B81<br />

BLUE WHITE<br />

CMYK 32.4.1.0<br />

RGB 194.232.251<br />

Pantone 277 U/UP<br />

HEX #C2E8FB<br />

CREAM WHITE<br />

CMYK 2.0.33.0<br />

RGB 251.247.188<br />

Pantone 607 U/UP<br />

HEX #FBF7BC


PHOTOGRAPHY<br />

<strong>The</strong> <strong>635</strong> centers around Dallas. <strong>The</strong> city’s iconic<br />

skyline, infrastructure and architecture, along<br />

with its people, are central and should therefore<br />

be portrayed prominently in the photography.<br />

<strong>The</strong> look of the photography should be high contrast,<br />

muted. In subjects, look for a human, urban,<br />

genuine, textured, raw, young feel. Desaturated<br />

tones can be used for a fresh lively mood, black<br />

and white for an edgy and revolutionary one.<br />

When choosing photography, avoid pieces that<br />

look heavily edited and/or evidently like stock<br />

imagery. <strong>The</strong> quality should stay high, and its<br />

style in any design should be consistent<br />

throughout the piece.<br />

If looking for stock images, we recommend<br />

looking first into the already well curated free<br />

options at www.unsplash.com or www.pexels.com.


If combining text and photography,<br />

legibility comes first. <strong>The</strong> background<br />

image must not compete with the<br />

text in hue, saturation, nor lightness.<br />

Turning down the opacity, contrast<br />

and luminosity of the image can help<br />

achieve this.


YPOGRAPHY &<br />

IERARCHY


PRIMARY TYPEFACE: GOTHAM<br />

Use Gotham bold for sub-heads<br />

Gotham is a geometric sans-serif digital typeface<br />

designed by Tobias Frere-Jones in 2000.<br />

From the American vernacular that inspired it, Gotham<br />

inherited an honest tone that’s assertive, friendly and<br />

confident: a great match for <strong>The</strong> <strong>635</strong>.<br />

To add some contrast and hierarchy, Akzidenz-Grotesk BQ<br />

Condensed all caps is the brand’s choice for headlines.<br />

Note: Gotham is always used for sub-heads.


SECONDARY TYPEFACE: GEORGIA<br />

Use Gotham bold for sub-heads<br />

Georgia is a transitional serif typeface designed by Morris<br />

Fuller Benton in 1919. Because this typeface has become<br />

synonym with readability, it is a better font to use in<br />

longer bodies of text, like contracts or articles.<br />

If the design at hand will have more than six sentences in<br />

a body of text, Georgia is a good alternative to pick. It is<br />

also a good option to break monotony in design by using it<br />

in short introductions and quotations. Outside of that<br />

scenario, however, use Gotham.<br />

Note: It’s important to keep in mind that Georgia is a<br />

smaller font than Gotham. If the two are combined, Georgia<br />

needs to compensate in point sizes to look the same<br />

size as Gotham.


HIERARCHY<br />

Effective communication relies heavily on hierarchy so readers can<br />

find information and know in which order to read it. <strong>The</strong> following<br />

are hierarchy levels that are relative to each other, to keep in mind<br />

when designing:<br />

LEVEL USE TYPE SIZE FONT LEADING<br />

L1 or H1<br />

Headlines,<br />

key elements<br />

Print: 36<br />

Desktop: 48<br />

Mobile: 32<br />

All caps, colored:<br />

Akzidenz Grotesk<br />

BQ Condensed<br />

100% of size<br />

L2 or H2<br />

Sub-heads Print: 24–18<br />

Desktop: 28–36<br />

Mobile: 22–26<br />

Gotham Bold,<br />

colored<br />

125% of size<br />

L3 or H3<br />

Short<br />

introductions<br />

Print: 14<br />

Desktop: 18<br />

Mobile: 18<br />

Italics: Gotham<br />

or Georgia<br />

150% of size<br />

L4 or<br />

Body<br />

Body copy,<br />

content<br />

Print: 12<br />

Desktop: 16<br />

Mobile: 14–16<br />

Book: Gotham<br />

or Georgia<br />

150% of size<br />

L5<br />

Footnotes,<br />

captions,<br />

sources, etc.<br />

Print: 8<br />

Desktop: 10<br />

Mobile: 8<br />

Gotham<br />

or Georgia<br />

150% of size


L1: 36px Akzidenz Grotesk<br />

BQ Condensed headline<br />

L2: 18px Gotham Bold sub-head<br />

WHY THE <strong>635</strong>?<br />

Unity in Prayer and in Mission<br />

L3: 14px Georgia Italic intro<br />

<strong>The</strong> Holy Spirit first rushed into the Church when<br />

the disciples all came together to pray in one place.<br />

L4: 12px Gotham Book body<br />

<strong>The</strong> <strong>635</strong> exists to penetrate the closed gates of our<br />

hearts, breathe life into our community & awaken<br />

within us a passion to see the kingdom come in<br />

Dallas. Our cause of <strong>The</strong> <strong>635</strong> is to bring the disciples<br />

of Dallas* into one place, literally and metaphorically.<br />

L5: 9px Georgia Italic foot-note<br />

*Young professionals in the area.


BRANDING + DESIGN<br />

DanielaMadriz.com<br />

SherwoodFellows.com

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!