Professional Documents
Culture Documents
BRAND GUIDELINES 1
OCT 2020
1 5 9
4 BRAND PLATFORM 41 TYPOGRAPHY 65 SAMPLE APPLICATIONS
5 Big Idea 42 Primary Font 66 Construction Hoardings
6 Our Commitment 43 Secondary Fonts 68 Print Brochures
7 Our Tone 44 Typesetting 69 Interior Spreads
8 Our Attributes 70 Business Card
6
9 Our Principles 71 Community Boards
45 IMAGERY 72 PowerPoint
46 Photography 73 Social Media Carousel
47 Renders
2
74 Social Media Animations
10 MESSAGING TOOLKIT 75 Website
7
11 Brand Story 76 Swag
12 Messaging Principles 48 GRAPHIC EXPRESSIONS
49 Content Frames 77 Signage
13 Audience 79 Icons
14 Tone and Vocabulary 50 Content Frame Construction
51 Content Frame Variations 80 Spatial: Brick Inlay
20 Sample Messages 81 Spatial: Bridge and Perforation
24 Messaging Do’s and Don’ts 52 Connecting Brick Graphic
A. With Symbol 82 Spatial: Seating
B. With Imagery 83 Spatial: Pavilion
3
25 LOGO C. Mixed Use
26 Primary Logo 55 Graphic Pathways
27 Primary Logo Color Variations A. With Typography
28 Secondary Logo B. With Bricks
29 Secondary Logo Color Variations C. With Community Sourced Content
30 Alternate Logos 58 Graphics in Motion
31 Clear Space & Minimum Size 59 Graphic Expression Don’ts
32 Logo Placement
8
33 Logo Don’ts
60 GRG BRAND HIERARCHY
61 GRG Endorsement
4
34 COLOR 62 GRG Endorsed Lockups
35 Color Palette 63 GRG and Brickline Greenway Lockup
36 Color Contrast Ratios A. Without Text
37 Color Usage B. With Text
38 Symbol & Supergraphic Colors
39 Dark Green vs. Dark Brown
40 Color Don’ts
What is a Greenway? BRAND GUIDELINES 3
1.
Greenways are outdoor spaces connecting Trails where you can take a walk, go for a run,
people & places. Each greenway is unique, ride a bike or just get some fresh air. These are
reflecting the character of the communities it almost always paved and accessible for all.
connects. Greenways can include:
2.
Conservation projects to maintain healthy
habitats & watersheds, such as rain gardens,
native plants, restored prairies, wetlands &
floodplains.
3.
Amenities like restrooms, water fountains,
benches, bike racks, signage, parking &
playgrounds.
4.
Connections to business districts,
neighborhoods, transit, jobs, schools,
cultural destinations, rivers, creeks,
parks & conservation areas.
1. brANd
BRAND GUIDELINES 4
pLAtFOrM
5 Big Idea
6 Our Commitment
7 Our Tone
8 Our Attributes
9 Our Principles
Our ambition and calling — the reason we get out of bed every morning.
The Big Idea unifies and gives color to all the elements of the Brand Platform.
CAtALyzE A MOVEMENt tO
iNSpirE ACtiON ANd bUILd
A CIviC CULtUrE OF trUST.
Our Tone BRAND GUIDELINES 7
These describe the way we present ourselves. It is the voice and visual
expression we use when communicating to all our different audiences.
wArM
OptiMiStiC
LiVELy
StrAight Up
bOLd
Our Attributes BRAND GUIDELINES 8
These are the things that we offer that make us special and different.
They are enduring characteristics and the frame through which our stories are told.
These are how our values are translated in the work we do. They inform the way
we think about designing, communicating, and programming the Greenway.
dO lESS tO dO MOrE.
rEprESENT OUr tALENt.
dESIgN FOr bELONgINg.
bUILd tOgEthErNESS.
kEEp MOVINg.
2. MESSAgINg
BRAND GUIDELINES 10
tOOLkit
11 Brand Story
12 Messaging Principles
13 Audience
14 Tone and Vocabulary
20 Sample Messages
24 Messaging Do’s and Don’ts
Brand Story BRAND GUIDELINES 11
WHO The Brickline Greenway is: nature lovers and AMBITION Because the Brickline Greenway won’t just
culture creatures. Ball players and bike riders. move us from A to B. It moves us. So while
Picnic poppers and show stoppers. History change may start on our doorstep, it has the
buffs and forward thinkers. Good things come in potential to take us big leaps forward. The
all shapes and sizes, and in a city rich in diverse Greenway can catalyze growth for ourselves,
cultures, this Greenway is made by all of us. our city and our natural world—not only
through the project but through the process
of creating common ground.
WHAT This goes beyond a Greenway to become a
movement that opens up St. Louis and its CALL TO With small steps we can make big moves.
opportunities to everybody. It’s where change ACTION
Let’s step out and open up this city together.
starts on the stoop, extends to the block, and
out to the neighborhood.
diSCOVEry
Spark curiosity
Create messages and stories that provoke curiosity. Ask open questions to kickstart
discovery; use evocative language, atmospheric descriptions or surprising stories to
open up people’s imagination and takes them on a journey along the Greenway.
EQUity EQUITY
Hand over the mic
By listening to the community and drawing from a wealth of voices we show that a
OpENNESS
breadth of ideas and inputs are what make the Greenway. In this way, we start to build the
movement as a platform where people feel welcome to contribute their time and talent.
OPENNESS
CONNECtiON
Open up the invitation
Every conversation with the Greenway should feel like an invitation. When writing, think
about the positives — how you can evoke a sense of possibility that the Greenway offers
to draw in a broader audience. Starting out with simple and straight-up language can
COUrAgE
draw people into the project in an accessible way, allowing people to delve deeper into
the project’s complexity once they’re involved.
CONNECTION
Highlight individual stories with universal appeal
Find stories that will resonate emotionally and highlight the personal side of the
Greenway with sincerity. Breaking such a big project down into human-sized stories
helps us all to relate. When selecting stories and messages, think about the feelings they
evoke, or what common cultural denominators can be shared to widen the audience.
COURAGE
Create a drumbeat
Build momentum where these small or individual stories add up to a bigger narrative
that builds over time. The drumbeat shows that the project is committed, here to stay
and builds a rhythm for others to get involved. It also gives us good reason to keep
listening and talking to the public to gather their ideas and anecdotes.
Audience Over time, the cumulative effect of small
actions builds to a bigger movement.
The intention is not to ‘convert’ everyone
to think like us, but to bring them along
BRAND GUIDELINES 13
If you’re reading this, you’re probably the journey with us. Here are steps that
already a champion of the project, but can help understand those mindsets.
we’ll encounter Skeptics and Indifferents,
as well as Supporters and Superfans.
WHAT CAN WE SAY? WHAT CAN WE SAY? WHAT CAN WE SAY? WHAT CAN WE SAY?
Acknowledge their concerns to open Point to concrete benefits and facts to Provide detailed updates on Share opportunities to participate and
the conversation help them imagine how the Greenway construction and funding to prove that get closer to the project
will make their lives better this project is here and is progressing
Highlight successes in other cities Be explicit about the diverse ways they
to show change is possible Highlight that this is the first of its Introduce your bigger-picture ideas and can join in, whether through time, skills,
kind to make them feel like this is an ambitions for the Greenway and what it money, or network.
unmissable place can do for St. Louis and the region
WHAT CAN WE DO? WHAT CAN WE DO? WHAT CAN WE DO? WHAT CAN WE DO?
Build personal relationships with them Ensure a diversity of programming to Treat them like they’re already super Recognise these contributions by
through our network to slowly build trust capture a broad range of interests— fans by giving them the tools they need reinventing the donor wall and highlighting
create multiple hooks to draw people to become so how valuable they are to building this
Ask them for input, show them to visit the Greenway culture of togetherness
where it’s been included, and show Satisfy their curiosity through pop-up
measurable impact to demonstrate your parks and temporary activation sites Surprise them with sneak peeks, early
accountability previews and ‘super fan souvenirs’ to
Showcase stories of individual maintain and share their excitement and
supporters to reveal the people behind pride about the project
the process, and thank those involved
Tone & Vocabulary BRAND GUIDELINES 14
WArM
WARM
Our language is approachable and conversational. In everything we say
and do, we try to extend an invitation to get involved.
LIVELY
Embrace
Open up
Gather
StrAIght-Up
Make space
SAMpLE MESSAgES
By St. Louis,
of St. Louis,
for St. Louis
Tone & Vocabulary BRAND GUIDELINES 15
WArM
OPTIMISTIC
Our attitude is always positive and forward-looking. We talk about what
we can do, rather than what we can’t.
LIVELY
Explore
Discover
Grow
StrAIght-Up
Come Together
SAMpLE MESSAgES
What if?
Tone & Vocabulary BRAND GUIDELINES 16
WArM
LIVELY
This is a place of possibility and potential. Everything we do must feel
alive and active to express the ever-changing nature of the Greenway.
LIVELY
Move
Flow
Thrive
SAMpLE MESSAgES
Let’s go!
Tone & Vocabulary BRAND GUIDELINES 17
WArM
STRAIGHT-UP
We are candid, but not blunt. Our straight-up and straightforward manner is
rooted in our connection to the day-to-day of the city and the community.
LIVELY
Listen
Balance
Respect
StrAIght-Up
Commit
SAMpLE MESSAgES
It starts here
Tone & Vocabulary BRAND GUIDELINES 18
WArM
BOLD
There is an intentionality and conviction behind our words and actions. In
order to build trust, we have to show everyone that we won’t back away from
difficult conversations or shy away from challenges. Every word counts.
LIVELY
Provoke
Inspire
Wake up
StrAIght-Up
Make change
SAMpLE MESSAgES
Are you in?
Tone & Vocabulary BRAND GUIDELINES 19
JOIN US IN…
MAkINg A ChANgE
rE-IMAgININg St. LOUIS
dISCOVErINg NEw AdVENtUrES At hOME
Sample Our Big Idea opens up the city, to
bring people together. In a similar way,
What follows are potential headlines that
can show the journey our story can take,
BRAND GUIDELINES 20
DOORSTEP
Messages
BLOCK
Messages
NEIGHBORHOODS
Messages
Dos & Don’ts Avoid the sterile, the generic, and the
language we hear so often it starts to feel
like an empty promise.
Let’s build this Greenway together! We are building this Greenway for you!
This will connect communities together This will transform St. Louis.
What if St. Louis could make a change? Come learn about changes to your city.
3. LOgO
BRAND GUIDELINES 25
26 Primary Logo
27 Primary Logo Color Variations
28 Secondary Logo
29 Secondary Logo Color Variations
30 Alternate Logos
31 Clear Space & Minimum Size
32 Logo Placement
33 Logo Don’ts
Primary Logo The Brickline Greenway Primary Logo is
our first impression; a logo that welcomes
BRAND GUIDELINES 26
Color Variations
people to the greenway. It consists of a
reconizable symbol (a pathway of bricks
forming a “b”) and our name set in a bold,
yet inviting typeface.
Secondary Logo Our Secondary Logo has more square
proportions, which makes it a suitable
BRAND GUIDELINES 28
Color Variations
alternate for places where our horizontal,
primary mark just doesn’t fit.
Alternate Logos In addition to our primary and secondary
logos, we have 3 alternate logo options, only
BRAND GUIDELINES 30
Our Supergraphic Logo is intended for use Our Symbol can be used when space is If needed, the logo can appear
in large sizes, where the logo is the main limited, or when it becomes redundant in a single color.
visual element on display. It is preferrably to include the wordmark.
used “margin-to-margin” (see p32).
Print: 0.375”
X Web: 48 px
X X
Print: 0.5”
Web: 80 px
NOTE: The same clear space rules apply for all logos. NOTE: The Supergraphic Logo should never be used
at small scales. Therefore, it doesn’t have a specified
minimum size.
variations has its own ideal treatment The Secondary Logo works well when
when it comes to placing them in a layout. placed more freely within an application,
allowing it to interact with other elements
on the page.
The Supergraphic Logo works best when
used large on a page, margin-to-margin,
for maximum impact.
CIty
M
US
EUM
SO
Ut
hg
rAN
d
FOr
ESt
St pArk N
U
rE
pA
F AIrgr O
FO
rk
Logo Don’ts For brand consistency, the Brickline Greenway logo
should not be altered. The following are examples of
BRAND GUIDELINES 33
X X X
Do not rotate the logo. Do not change the typeface nor recreate No not distort the logo in any way.
or manipulate the icon.
X X X
Do not change the logo color outside of Do not rearrange the location of the wordmark Do not apply shadows, gradients, glows,
designated brand colors. and icon. strokes, or any other effects to the logo.
X X X
Do not add or subtract bricks from the icon. Do not apply “faux” textures. Always stay Do not change the proportion ratio of the icon
true to the materiality of the application. to the wordmark.
4. COLOr
BRAND GUIDELINES 34
35 Color Palette
36 Color Contrast Ratios
37 Color Usage
38 Symbol and Supergraphic Colors
39 Dark Green vs. Dark Brown
40 Color Don’ts
Color Palette Our color palette consists of primary
colors and secondary colors. Our primary
BRAND GUIDELINES 35
Ratios
This page shows acceptable color
combinations that can be used for large
text and body copy.
LArgE tEXt +
Body
Copy
11.38:1 LArgE tEXt +
Body
Copy
5.13:1 LArgE tEXt 3.36:1 LArgE tEXt 3.7:1
LArgE tEXt +
Body
Copy
11.38:1 LArgE tEXt +
Body
Copy 5.13:1 LArgE tEXt 3.36:1 LArgE tEXt 3.7:1
LArgE tEXt +
Body
Copy 12.56:1 LArgE tEXt +
Body
Copy
5.51:1 LArgE tEXt 3.57:1 LArgE tEXt 3.92:1
LArgE tEXt +
Body
Copy 9.78:1 LArgE tEXt +
Body
Copy
5.5:1 LArgE tEXt 3.42:1 LArgE tEXt 3.11:1
LArgE tEXt +
Body
Copy
9.78:1 LArgE tEXt +
Body
Copy 5.5:1 LArgE tEXt 3.42:1 LArgE tEXt 3.11:1
LArgE tEXt +
Body
Copy 10.8:1 LArgE tEXt +
Body
Copy
5.91:1 NOTE: These low contrast options are only suitable for
large text or non text-based graphic elements.
Large text is defined as a minimum of 14 pt (when bold)
or 18 pt (when regular).
Color Usage The way in which we apply color in
applications can highly impact their tone
BRAND GUIDELINES 37
FAIrgrOUNd
pArk
gAtEwAy
ArCh
NAtIONAL
pArk
SOUth
grANd
tOwEr
grOVE
pArk
When mainly using our primary palette, a more serious The more color that is added, the more playful and
tone is achieved. This limited color palette is most expressive a design becomes. This sort of tone may be
suitable for things like business cards, letters, RFP’s, more suitable for social media posts, swag items, and
and internal documents. childrens programming.
Symbol and Due to their more expressive usage, the
Supergraphic Logo and Symbol have more
BRAND GUIDELINES 38
Supergraphic
flexibility in terms of color usage than the
primary and secondary wordmarks.
Colors
When selecting a darker color for When selecting a darker color for
layouts such as a brochure cover or layouts such as brochure interior
website landing page - applications pages or “below the fold” web
that could be the first interaction of content, the dark brown can be used,
people with the brand - using the dark as it is already known or implied
green is advised. that this application is by Brickline
Greenway.
Color Don’ts Certain color combinations and use cases
are not permitted for either contrast
BRAND GUIDELINES 40
X X
FAIrgrOUNd
pArk
gAtEwAy
tOwEr ArCh
grOVE NAtIONAL
pArk pArk
Do not mix too many secondary colors together. Do not use our dark green and brown together
in a single composition or page.
X X
rO
Ark
www.bricklinegreenway.org Project of
r
grEEENWAy
gr
rg
F O
d
I rAN
FA
brICkLINE brICkLINE
M
grEENWAy grEEENWAy
gr
gA
SOUth g
tEw
Nd
Project of
www.bricklinegreenway.org
Do not pair dark green and brown together. Do not use brown as a background color.
5. typOgrAphy
BRAND GUIDELINES 41
42 Primary Font
43 Secondary Fonts
44 Typesetting
Primary Font Our primary font is Brickline Passata
Regular. The font is an approachable,
BRAND GUIDELINES 42
EXpLOrE A
St.LOUiS yOU
NEVEr kNEw.
USE FOR: Primary Brand Messaging, Headlines, Titles
ALTERNATE FONT: Arial Bold
Secondary Fonts Our secondary fonts are Baton Turbo
Regular and Bold. They are intended
BRAND GUIDELINES 43
ABCDEFGHIJKL ABCDEFGHIJKL
MNOPQRSTUV MNOPQRSTUV
WXYZ WXYZ
abcdefghijklmn abcdefghijklmn
opqrstuvwxyz opqrstuvwxyz
01234567890 01234567890
!@#$%^&*() !@#$%^&*()
USE FOR: Subheaders, Subtitles, Emphasis USE FOR: Body Copy
ALTERNATE FONT: Arial Bold ALTERNATE FONT: Arial Regular
Typesetting Our typographic system consists of two
typefaces: Brickline Passata Regular and
BRAND GUIDELINES 44
Change starts from making the space for people to get together
through new encounters every day. From striking up spontaneous
sidewalk conversations to provoking new ideas through public art,
from coming together at a city-wide celebration to moving together
at an afterwork cycle club, from rediscovering hidden histories to
nurturing future generations, the Greenway may meet us where we
are. But it takes us outside our comfort zones to explore further and
discover a different side to the city we thought we knew so well.
6. IMAgEry
BRAND GUIDELINES 45
46 Photography
47 Renders
Photography Our photography should be inviting, down
to earth and people-focused. It seeks to
BRAND GUIDELINES 46
Age
Gender
Race
Ability (wheelchair, recumbent bikes)
Activity (running, walking, biking)
Geography (balance representation
throughout the district)
Seasons
Time of day
Renders Our render images strive to generate
realistic aspirations of spaces and
BRAND GUIDELINES 47
environments to come.
EXprESSiONS
49 Content Frames
50 Content Frame Construction
51 Content Frame Variations
52 Connecting Brick Graphic
A. With Symbol
B. With Imagery
C. Mixed Use
55 Graphic Pathways
A. With Typography
B. With Bricks
C. With Community Sourced Content
58 Graphics in Motion
59 Graphic Expression Don’ts
Content Frame Content Frames provide us with an
ownable, unique image treatment.
BRAND GUIDELINES 49
Construction
Frames. The use of rounded corners is meant
to echo the symbol and typography.
Rounded Corners
X
Variations
being occupied by content within a single
content frame. It is recommened to stack 1 2
typography over multiple lines to create
more interesting frames.
3 4
UppEr
LEFt
UppEr
rIght UppEr
LEFt
LOwEr LOwEr
LEFt right
NOTE: Type placed on the right side
should be right-aligned.
ON
thrEE
LiNES
brICkLINE
grEENWAy
Connecting We can use the bricks that make up our
logo to create a compelling, extended
It can be used to connect multiple
symbols to create a pattern.
BRAND GUIDELINES 52
FULL COLOR
CONNECTING BRICK
X X
Y
NOTE: A connecting
brick should never be
the same color as the
symbols next to it.
Connecting We can use the bricks that make up our
logo to create a compelling, extended
It can be used to connect images, for
example in an Instagram carousel.
BRAND GUIDELINES 53
FAIrgrOUN
Y
pArk
tOwEr
grOVE
pArk
Connecting We can use the bricks that make up our
logo to create a compelling, extended
It can be used to connect various media. BRAND GUIDELINES 54
OUNd City
gArdEN
Y
Graphic Pathways Our Graphic Pathways serve as a method
to display text, titles and messaging in
Our connecting bricks can also
serve as a connector within these
BRAND GUIDELINES 55
tEXt—tEXt
tEXt—tE
X
Xt
X
— w E
Brick width = Cap height
t— S
wtESt
Ort EAS
EA —
NO
N h—S —
O r th — O U t h
h —
SO U t
Paths should either travel linearly or
N
in smooth curves and avoid abrupt or
extreme turns.
X X
1/2 X
Sourced Content
ANIMATED LOGO
Logo animates-on brick
by brick, slides to the left,
and triggers the type which
appears line by line.
1 2 3
TYPOGRAPHIC PATHWAYS
The type and brick
connector may appear
character by character or
word by word. Additionally,
the full text can move
along the path as well.
1 2 3
BRICK PATHWAYS
Brick pathways animate-on
and off using the brick by
brick animation gesture.
1 2 3
Graphic BRAND GUIDELINES 59
Expression Don’ts
X X X
Do not add content to all four corners of a frame. Do not position content in the center of Do not over-round the corners of a content frame.
content frames.
X X X
Do not add more than 1 brick as a spacer in Do not overlap or cross brickpaths. Do not distort bricks.
typographic pathways.
8. grg brANd
BRAND GUIDELINES 60
hiErArChy
61 GRG Endorsement
62 GRG Endorsed Lockups
63 GRG and Brickline Greenway Lockup
GRG Endorsment Since the Brickline Greenway is a
project of the Great Rivers Greenway, it’s
BRAND GUIDELINES 61
Lockups
a short line of text saying “Project for”
is added above the logo.
X
X
Project of Project of Project of
Project of Project of
X
1/2 X
Project of
1/2 X
X
Project of Project of
Greenway Lockup
logos have to appear equally and side
by side, please consider the appropriate
distance between both logos, and use
A. Without Text the Great Rivers Greenway logo in a
green colorway.
LOCKUP CONSTRUCTION
X
Greenway Lockup
logos have to appear equally and side
by side, please consider the appropriate
distance between both logos, and use
B. With Text the Great Rivers Greenway logo in a
green colorway.
LOCKUP CONSTRUCTION
Project of
Project of Project of
9. SAMpLE
BRAND GUIDELINES 65
AppLiCAtiONS
66 Construction Hoardings
68 Print Brochures
69 Interior Spreads
70 Business Card
71 Community Boards
72 PowerPoint
73 Social Media Carousel
74 Social Media Animations
75 Website
76 Swag
77 Signage
79 Icons
80 Spatial: Brick Inlay
81 Spatial: Bridge and Perforation
82 Spatial: Seating
83 Spatial: Pavilion
CONStrUCtiON hOArdiNgS
BRAND GUIDELINES 66
CONStrUCtiON hOArdiNgS
BRAND GUIDELINES 67
priNt brOChUrES
BRAND GUIDELINES 68
SOUth
grANd
gAtEwAy
tOwEr ArCh
grOVE NAtIONAL
pArk pArk
SOCiAl MEdiA ANIMAtIONS
BRAND GUIDELINES 74
www.bricklinegreenway.com
SwAg
BRAND GUIDELINES 76
SigNAgE
BRAND GUIDELINES 77
SigNAgE
BRAND GUIDELINES 78
ICONS
BRAND GUIDELINES 79
Emma Klues
eklues@grgstl.org