Brand Guide

© 2016 1
Patreon Brand Guide

01. The Logo Good to know:

02. Secondary Logo
03. Logo Spacing Logo assets are located in the
‘Logos’ folder delivered with this
04. Logo Rules
document.
05. Logo Extensions
06. Avatar Each version of the logo marks
07. Typography has its own folder, and each folder
08. Typography In Use contains files formatted specially
09. Color for digital and print usage.
10. Icons
Print colors will appear dimmer and
11. Photography Direction duller on screen, this is normal.
12. Photography Rules
13. Photography Examples If you have any issues with these
files, or any questions about usage,
reach out to Fuzzco. When in doubt
we’re here to help.

© 2016 2
Patreon Brand Guide

Logo rules and spacing

Patreon Brand Guide Primar y Mark

© 2016 4
Patreon Brand Guide Primar y Mark On Color
Patreon Brand Guide Secondar y Mark

© 2016 6
Green Peak Par tners Brand Guide Secondar y Mark On Color
Patreon Brand Guide Primar y Mark Spacing

© 2016 8
Patreon Brand Guide Secondar y Mark Spacing

© 2016 9
Patreon Brand Guide Logo Rules

Please do not...

Patreon
...change the color or add effects to the logo. ...stretch or skew the logo. ...use any other font for the wordmark. ...display images through the
shape of the logo.

...use logos other than those in this brand guide. ...present the logo in any way other than those ...alter the logo or wordmark. ...use the logo as a background image.
defined in this brand guide.

© 2016 10
Patreon Brand Guide Primar y Mark Extensions

Type can be added to the end of the logo mark. This secondar y
type should be no larger than the height of the Patreon word
mark. It should be no smaller thank 1/2 of the height of the
Patreon word mark. Spacing before the secondar y type is
equal to the spaceing between the Patreon word mark and the
ver tical line. Secondar y type that is the same size as the word
mark should always be regular weight.

© 2016 11
Patreon Brand Guide Secondar y Mark Extensions

The circle in the secondar y mark can be replaced to create

expressive secondar y marks. The object replacing the circle
should take up the same visual space as the solid circle.

© 2016 12
Patreon Brand Guide

Avatar
Patreon Brand Guide Avatar

Square

© 2016 14
Patreon Brand Guide Avatar

Round

© 2016 15
Patreon Brand Guide

Typography
Patreon Brand Guide Typography

GT America , Regular GT America , Bold

Designed by Grilli Type Designed by Grilli Type

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll M
 m Nn Oo Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Pp Qq R
 r Ss Tt Uu Vv Ww Xx Yy Zz Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

!@#$%^&*(){}[]:”;’<>?,./ 1234567890 !@#$%^&*(){}[]:”;’<>?,./ 1234567890

© 2016 17
Patreon Brand Guide Typography In Use

Make $2K a month

Headline
GT America Bold

releasing new albums

early
MORE THAN A PLACE TO BE SEEN Secondar y Headline
GT America Bold

This is where Comic Artists get paid Secondar y Copy

GT America Regular

Art is not just monetary; my personal aim is to Pull Quotes

GT America Regular

preserve and save art, to support projects. In

20 years, I want to have an important media-art
collection of my generation.”

© 2016 18
Patreon Brand Guide Typography In Use

HAVE THE FREEDOM TO CREATE MORE Ter tiar y Headline

GT America Bold

Writing Ter tiar y Copy

GT America Regular

Our mission at Patreon is to fund the emerging creative class. Body Copy
GT America Regular
We’re making this happen by building the best place for creators
to make money, run their creative businesses, and to gather, grow,
and energize the fans who matter most.

Highlighted Body Copy

Jacob Collier GT America Bold

Primar y Text Links

Visit his page
GT America Bold

Secondar y Text Links

2 Comments
GT America Regular

Button Text

START YOUR PAGE GT America Bold

© 2016 19
Patreon Brand Guide

Color
Patreon Brand Guide Color Palette

Primar y Color Palette

Nav y Warm Red Grey

RGB 5, 45, 73 RGB 249, 104, 84 RGB 246, 246, 246
#052d49 #f96854 #F6F6F6

Pantone 2767 U Pantone 7416 U Pantone 7541 U

CMYK 93, 38, 0, 71 CMYK 0, 58, 66, 2 CMYK 7, 1, 3, 0

Secondar y Color Palette

Blue Salmon Brick Yellow Forest Green

RGB 53, 142, 255 RGB 255, 155, 122 RGB 209, 61, 61 RGB 255, 219, 73 RGB 0, 99, 117 RGB 99, 214, 163
#358eff #ff9b7a #d13d3d #ffdb 49 #006375 #63d6a3

Pantone 299 U Pantone 487 U Pantone 1797 U Pantone 2767 U Pantone 3145 U Pantone 352 U
CMYK 79, 44, 0, 0 CMYK 0, 39, 52, 0 CMYK 0, 71, 71, 18 CMYK 0, 14, 71, 0 CMYK 100, 15, 0, 54 CMYK 54, 0, 24, 16

© 2016 21
Patreon Brand Guide

Icons
Patreon Brand Guide Icons

Video & Film Music Photography Podcast Writing Animation Games

© 2016 23
Patreon Brand Guide Icons

Drawing & Painting Crafts & DIY Comics Comedy Science Dance & Theater Education

© 2016 24
Patreon Brand Guide

Photography
Patreon Brand Guide Photography Direction

Overall Direction

01. Celebrate the moments in between

02. Embrace reality
03. Be a true reflection of the subject

© 2016 26
Patreon Brand Guide Photography Rules

Creator Profiles

Do Don’t
Use varied hero images / thumbnails
01. Don’t stage an environment too perfectly
01.

Show faces in hero images / thumbnails

02. Don’t pose subjects too perfectly
02.

Look for candid moments

03. Use additional lighting
03.

Capture big picture and small details

04. Over process photos
04.

Highlight personality
05.

Get variety
06.

Take advantage of natural light

07.

Offer a peek into the real moment (show

08.

through doorways or from behind objects)

© 2016 27
Patreon Brand Guide Photography Examples

© 2016 28
Patreon Brand Guide Photography Examples

© 2016 29
Patreon Brand Guide Photography Examples

© 2016 30
Patreon Brand Guide Photography Examples

© 2016 31
Patreon Brand Guide Photography Examples

© 2016 32
© 2016 33