YBCA Brand Guidelines
YBCA Brand Guidelines
YBCA Brand Guidelines
PUT TING YBCA INTO WORDS The YBCA brand is bold, soulful, vibrant, and inclusive.
We are deeply committed to fostering dialogue that
leads to positive civic action and social change.
If you’re reading this, chances are you’ll
be writing on behalf of YBCA. Whether
it’s social media content, membership
materials, or marketing copy, having a
4
YBCA Brand Guidelines
Voice
5
YBCA Brand Guidelines
Voice
INCLUSIVE VIBRANT
As a community minded organization, We are full of life, energy and
we invite everyone to be a part of enthusiasm for reinventing what
our journey - to participate, discuss, an art center is and can be.
collaborate and act.
Our voice reflects this by having
Our voice reflects this by keeping energy and excitement about
things conversational, and talking what we’re doing.
like a real person.
6
YBCA Brand Guidelines
Voice
YBCA LOGO
Our logo is the most visible
element of our identity –
a universal signature across
all YBCA communications.
Because the logo is such
a recognizable and highly
visible brand asset, it is vital
that it is always applied
consistently wherever
it appears.
Print
Minimum size
0.7”/0.7”
8
YBCA Brand Guidelines
Identity
YBCA LOGOTYPE
The logotype or wordmark should always
be used in relarion to our logo, and never
used alone. (see following page)
Digital
Minimum size
50 px wide
Print
Minimum size
0.7”/wide
9
YBCA Brand Guidelines
Identity
Primary logo/logotype position: top left/bottom left relationship Secondary logo/logotype position: bottom right/top right relationship Third logo/logotype position: bottom right/bottom left relationship
10
YBCA Brand Guidelines
Identity
LOCK-UP EXCEPTION
There are special cases when the
YBCA logotype needs to appear in close
proximity to our logo as a unified lock-up
(for instance, alongside other logos as
part of sponsorship).
File name: YBCA_Logos.ai Example of YBCA full lock-up used alongside partner logos.
(Lock-up)
11
YBCA Brand Guidelines
Identity
50% X 50% X
50% X 50% X
12
YBCA Brand Guidelines
Identity
VISUAL
to how you want it, and copy the width dimension. quadrant should always be
3. Copy the stroke back to Illustrator, and paste the aligned right, and typography
width dimension, set the stroke 8pt should stay within the margin.
4. Finally paste your edited stroke back into Indesign.
SAMARA GOLDEN:
The width of the margin
A TRAP IN SOFT DIVISION
(the space between the black TAKE THIS HAMMER:
line and the typography)
should be 1.5x thickness of
ART + MEDIA ACTIVISM
the frame (a) a
FROM THE BAY AREA
Margin = 1.5x a
13
YBCA Brand Guidelines
Identity
Point 3
Point 2 Point 3
14
YBCA Brand Guidelines
Identity
You can use the framing device You can crop imagery
in full, flip it and/or crop it. (either duotone or full color)
inside the framing device using
the file YBCA_Framing_Device.ai
(Imagery Device)
ARTS-AS-ACTIVISM
RESIDENCY
15
YBCA Brand Guidelines
Identity
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Pressura Regular is used for all practical
info (dates and location) and body copy.
PRESSURA Mono
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
&*#@?!/+(.,:;)
16
YBCA Brand Guidelines
Identity
TYPESET TING PRESSURA When setting headers in all uppercase, When setting body copy, the leading
the leading (line spacing) should be (line spacing) should be 15% larger
General typographic styling: 15% larger than the type size. than the type size. To calculate this,
YBCA typography is always left To calculate this, multiply the type multiply the type size by 1.15. Round up
aligned. This provides the eye with a size by 1.15. Round up or down to the or down to the nearest half point.
constant starting point for each line, nearest half point.
and makes text easier to read.
17
YBCA Brand Guidelines
Identity
TAKE
Double spaces after periods
should be avoided.
Type size/Leading
Hyphenations should generally 135pt/104pt
be avoided unless necessary Kerning: 20pt
and never use two consecutive
hyphenations.
THIS
Leading refers to the space
between lines of type.
HAMMER
18
YBCA Brand Guidelines
Identity
LOGO COLOR
The logo color is flexible but clarity is always
maintained by the use of contrasting colors.
We like to be inspired by our events therefore
we allow the content to lead the color.
The YBCA letters are Pick two contrasting colors In some instances, it's When using a black logo When using a white logo
always 'transparent' on for maximum impact and OK to use a lighter or white on imagery, use the solid on imagery, use the solid
a colored background. legibility, usually a darker logo on a darker color and logo with white logo with black
color for the logo on a a black logo on a lighter typography. typography.
lighter background. color.
DON'T
Don't use two clashing Don't use two neutral colors Don't use a lighter tint of Don't place a black logo on Don't place a white
colors that create visual together. If you pick a the same background color. a very contrasting logo on a pale image.
'vibration' and have legibil- neutral color, pick a image. This reduces the This reduces the legibility
ity issues. secondary vivid color for legibility of the logo. of the logo.
contrast.
19
YBCA Brand Guidelines
Identity
When designing printed materials such as Color can be applied as a full page Color typography can highlight Color typography can help to
brochures and playbills, interior page accent colors color background, such as an titles and sections. differentiate sections and/or
are borrowed from the main cover visual color palette. introduction page or to highlight a event themes.
special page or section.
DO
20
YBCA Brand Guidelines
Identity
Even if your cover art has two vibrant On the inside of playbills and brochures, Avoid multiplying a color panel on top When you need to highlight a specific
colors, avoid juxtapoing pages with avoid color typography on a color of an image. Color should be used event or text, avoid using inset
the cover colors, as shown below. background (unless it is a pale pastel flat, to maintain consistency across colored colored boxes. Instead look to
color.) This will avoid legibility issues. the identity. highlight the text using color.
Text should be black on a light color, and
white on a dark color.
DON'T DO
DON'T
21
YBCA Brand Guidelines
Graphic System
VISUAL
CONTENT
22
YBCA Brand Guidelines
Graphic System
BILL T. JONES
THE RIGHT ANGLE ARNIE ZANE COMPANY
LAYOUT VARIATIONS
ANALOGY
For all Performing Arts and Film
DORA:TRAMONTANE APRIL 28
8PM
communications, the Right Angle PAMELA Z
and logo occupy the top-left corner, APRIL 29
8PM
and the visual content is placed in THERESA
the lower right corner. WONG
MARCH EDWARD
10 —13 2016 SCHOCKER
YBCA THEATER & THE
YBCA.ORG/ANALOGY
CROSSING
#BILLTJONES ENSEMBLE
APRIL 30
8PM
LUCIANO
CHESSA
YBCA FORUM
& GRAND
LOBBY
#NEWFREQFEST2016
23
YBCA Brand Guidelines
Performing Arts
A square, 50% of the size of the
ARTIST NAME
square contained in the logo,
PERFORMING ARTS is used as a spacer for margins Keep the artist/company name
and alignments. and the performance name the
AND FILM GRID Cover margin / 6mm same type size. Whatever size you
PERFORMANCE
left corner, pointing down and leading as specified on page 8.
to content.
NAME ON THREE
LINES
Always center the first line of the DATES ON
dates paragraph vertically in the TWO LINES
format, and align first line to grid. VENUE
Dates are listed as full month,
WEBSITE URL
dates, and year without commas. #HASHTAG
PLAYBILL COVER
ANALOGY
DORA:TRAMONTANE
Print Specs
Saddle stitch bound brochure
Dimension/ 6.5" x 9.5"
Stock/ Soporset Opaque Text Offset
Weight/ 100T (cover), 80T (Inside)
Colors/ Pantone + CMYK
MARCH
Dates, venues, urls, hashtags, 10—13 2016
wordmark should match the color YBCA THEATER
of the logo.
#BILLTJONES
25
YBCA Brand Guidelines Playbill cover (hypothetical)
Performing Arts
BILL T. JONES
ARNIE ZANE COMPANY
ANALOGY
DORA:TRAMONTANE
MARCH
10—13 2016
YBCA THEATER
#BILLTJONES
Use of imagery:
When there is no suitable vertical
photograph, you can crop a
photograph in a square format
and have the titles on a color
background.
26
YBCA Brand Guidelines File name: GC_CoverPlaybill_Template.indd
Performing Arts
APRIL
15—17 2016
YBCA FORUM
YBCA.ORG
#ECHOSYSTEM
27
YBCA Brand Guidelines File name: BTJ_Playbill_Template.indd
Performing Arts
Playbill Typesetting (1)
Body copy
Type size/9.5pt
Kerning: 40pt
28
YBCA Brand Guidelines File name: BTJ_Playbill_Template.indd
Performing Arts
Playbill Typesetting (2)
12 13
29
YBCA Brand Guidelines Lightbox poster shown here at 13%
Performing Arts File name: BTJ_Poster_Template.indd
BILL T. JONES
ARNIE ZANE COMPANY
ANALOGY
DORA:TRAMONTANE
APRIL 28
8PM
PAMELA Z
APRIL 29
For a group show or performance 8PM
that does not have representative THERESA
imagery, it can be a good WONG
opportunity to create a graphic
visual. Either through the use of EDWARD
typography and colors or adding SCHOCKER
a graphic pattern or illustration & THE
that relates to the content. In this CROSSING
instance, for New Frequencies Fest,
ENSEMBLE
sound waves.
31
YBCA Brand Guidelines Lightbox poster shown here at 13%
Performing Arts File name: GC_Poster_Template.indd
32
YBCA Brand Guidelines
Visual Arts
ARTIST NAME
For the Visual Arts materials,
VISUAL ARTS GRID size, alignment and orientation
of the headers in Giorgio depends
on content. There are no strict
ON TWO LINES
rules for how they should appear,
only that they should always be
contained inside the magenta zones.
DATES ON
TWO LINES
VENUE
WEBSITE URL
#HASHTAG
SHOW NAME
ON TWO LINES
For the Visual Arts materials
and marketing, the logo is
always placed in the bottom
right corner, pointing up.
33
YBCA Brand Guidelines File name: SG_Brochure_Template.indd
Visual Arts
Print Specs
Roll Fold Leaflet (2 folds)
Dimension/ 6.5" x 9.5"
Stock/ Soporset Opaque Text Offset
Weight/ 80 lb
Colors/ Pantone + CMYK
MARCH 11 —
MAY 29 2016
DOWNSTAIRS
GALLERIES
YBCA.ORG/
SAMARA-GOLDEN
#SAMARAGOLDEN
34
YBCA Brand Guidelines File name: SG_Brochure_Template.indd
Visual Arts
When space allows, always have the PROGRAMS Yerba Buena Center for the Arts (YBCA)
programs on the back cover is one of the nation’s most innovative
OPENING NIGHT PARTY contemporary arts centers. Founded
in the left column as shown.
FRIDAY, MARCH 11, 7—10PM in 1993, YBCA’s mission is to generate
GRAND LOBBY & DOWNSTAIRS GALLERIES culture that moves people. Through
$12 advance / $15 at the door powerful art experiences, thoughtful
Free for members & YBCA:You and provocative content, and deep
The baseline grid and typesettings opportunities for participation, YBCA
Celebrate the openings of Take This is committed to creating an inclusive
are the same as specified for the
Hammer: Art + Media Activism from the culture that awakens personal and
Performing Arts playbills (See P.6) Bay Area and Samara Golden: A Trap in societal transformation. YBCA presents
Baseline grid: 11pt Soft Division. Enjoy a signature cocktail a wide variety of programming year-round,
Spreads margin/12mm inspired by Samara Golden’s installation, including performing arts, visual arts,
2 columns, Gutter/12mm meet artists and activists involved in film/video, and civic engagement. YBCA
Take This Hammer, and watch the Great venues include the Forum, Screening
Tortilla Conspiracy as they screen print Room, Galleries, and the Yerba Buena
onto tortillas to create edible works of art. Center for the Arts Theater. For tickets
Body copy and information, call 415.978.ARTS (2787).
Type size/9.5pt
Kerning: 40pt VISITING ARTISTS
AND SCHOLARS LECTURE SERIES
TUESDAY, MARCH 29, 7 PM 701 MISSION ST
SAN FRANCISCO ART INSTITUTE SAN FRANCISCO
LECTURE HALL CA 94103
Samara Golden, Thank you, 2014. Made in L.A. 2014, 800 Chestnut Street, YBCA.ORG
installation view at the Hammer Museum, Los Angeles. San Francisco, CA 94133
Photo by Brian Forrest.
Free & open to the public
YBCA Exhibitions 2015-2016 are made
A lecture by artist Samara Golden is possible, in part, by Mike Wilkins
co-sponsored by the San Francisco Art and Sheila Duignan, Meridee Moore and
Kevin King, and the Creative Ventures
Institute (SFAI) and YBCA, and presented
Council. YBCA Programs 2015-2016 are
as part of the Visiting Artists and Scholars made possible, in part, by The James
YBCA Credits set in Pressura
Lecture Series (VAS). The VAS provides Irvine Foundation. Additional Funding Mono, only align first line to grid.
a forum for engagement and dialogue for YBCA Programs 2015-2016: National Type size/Leading
with major figures in international Endowment for the Arts, Adobe, Gaia Fund,
Grosvenor, Abundance Foundation, and 8pt/9.5pt
contemporary art and culture. Through
lectures, screenings, and performances, members of Yerba Buena Center for the Kerning: 10pt
Arts. Free First Tuesdays underwritten
the series creates intimate connections by Directors Forum Members. Yerba Buena
between SFAI and the public, and invites Center for the Arts is grateful to the
individuals to contribute to the spirit of City of San Francisco for its ongoing
curiosity that drives the SFAI community. support.
Design by Manual
35
Equal width
YBCA Brand Guidelines File name: TTH_Cover_Template.indd
Visual Arts
CREDITS ON POSTERS
1
Long credit +
Partner logo
Type size/Leading
25 pt/30pt
Kerning: 40pt
2
Long credit only
Type size/Leading
25 pt/30pt
Kerning: 40pt
3
Partner logo only
38
YBCA Brand Guidelines File name: Spring_Template.indd
Visual Arts
VISUAL ARTS
SEASONAL BROCHURES For alignments and margins PERFORMING ARTS
please refer to page 2 and 11. FILM & VIDEO
CIVIC ENGAGEMENT
Programs are set
in Pressura regular caps.
Type size/Leading
11.5 pt/13pt
Kerning: 70pt
Print Specs
Roll Fold Leaflet (2 folds) with die-cut flap
Dimension/ 6.5" x 9.5"
Short cover/ 4.8661" x 7.8661"
Stock/ Soporset Opaque Text Offset
Weight/ 80 lb
Colors/ Pantone + CMYK Die-cut short cover
SPRING
Only have white or black
text (season + year) on Season & year on two lines
a color. right aligned. Always use
this typesetting:
Type size/Leading
92 pt/71pt
2016
Kerning: 20pt
39
YBCA Brand Guidelines File name: Spring_Template.indd
Visual Arts
ON only align first line to grid. Held twice annually, our Public Squares
are designed to gather our community
around key questions of our time.
Featuring provocative performances,
partnered with Tenderloin Safe Passage,
826 Valencia, Precita Eyes, Epiphany Dance
Productions, Walk SF, and housing organi-
zations to create a visual arts safety
immersive environments, Samara Golden
attempts to stage what she calls the sixth
dimension—a place where the future,
present, and past exist simultaneously.
This highly anticipated film series is
back for a fifth year. Co-curated by YBCA’s
Joel Shephard and Philbert Ortiz Dy, New
Filipino Cinema is the west coast’s biggest
installations, and artwork by members campaign that has been installed along This new commission is her largest showcase of independent cinema from the
Titles (first line), dates, body copy, of our community think tanks, our April walking routes to and from school, marking installation to date. Philippines. See 12 groundbreaking films,
aCenter
photos for
andthe Arts
captions was
(first line) are event tackles questions of labor and a “safe passage” for youth and families to shown in their original language with
all aligned on a 11pt baseline grid. ecology. follow in the Tenderloin neighborhood. English subtitles. Film packages will be
serve the diverse local available.
that surrounds us. In this spirit,
pans the realms
A bold ofa divider
line acts as art, civic
between text columns
nt, andStroke/3pt
public life. Our mission
ate culture that moves
cause it’s the responsibility
anizations to spur and support
etal movements. YBCA is not We Walk Here, Mr.Vargas’ 3rd Grade Class.
Samara Golden: A Trap in Soft Division, 2016,
installation view, Yerba Buena Center for the Arts. Honor Thy Father. Courtesy of Reality Entertainment.
s where creativity, people, Photo by Tommy Lau.
Courtesy of the artist and Night Gallery. Photo by TK.
40
YBCA Brand Guidelines
Visual Arts 1. Large scale images 3. Special YBCA initiatives
Posters have the greatest impact You can crop YBCA lifestyle imagery
when a large portrait-oriented image inside the framing device using the
PHOTOGRAPHIC POSTERS is used. This our preferred approach. file YBCA_Framing_Device.ai
In order for this to work successfully (Imagery Device)
the image resolution and quality
needs to be sufficient. This approach should only be used
There are a number of ways imagery for internal YBCA initiatives—such
can be used in posters, brochure For portrait images, the image size as members events, talks, artist in
covers, and postcards. needs to be 35 in x 26 in of size at a residencies—and not for visual arts
minimum of 150 dpi resolution and program or performances.
How we use imagery depends on saved as Tiff in CMYK.
the quality of imagery. The quality
of an image isn't referring to just the The artist name or title of exhibition
image pixel resolution, but the visual can either be placed over the image
qualities within the image itself. (if the artist allows) or placed out-
side of the image in the Right Angle.
Shown on this page are four Evaluate on a case-by-case basis,
examples of how imagery can be and always keep legibility in mind
scaled and placed in acceptable when placing type over an image.
ways.
41
YBCA Brand Guidelines IDEAL NOT IDEAL
Visual Arts
This image works because it's a stunning This image works because it draws This image doesn't work as a poster because This image doesn't work because it is not
portrait with an arresting presence, your attention to one focal point, it's too distant, and there's not much visual fully focussed, it has digital camera lens
USE OF PHOTOGRAPHY shot professionally with an uncluterred and is visually compelling and clear. interest. distortions, and the subject is too small in
background. the image.
FOR POSTERS
The image works because the installation This image works beacuse of its vertical This image doesn't work because it was This image doesn't work because there are
features vivid colors that draw you in. It is orientation, clarity of subjects and bright shot on a device that doesn't capture too many figues in the image, the lighting
shot from an interesting perspective and is accent of color. high enough quality imagery and has an lacks clarity, and the background structure
detailed but still easily readable as a room. unappealing color palette. is distracting.
42
YBCA Brand Guidelines
Visual Arts
GRAPHIC/TYPOGRAPHIC POSTERS
43
YBCA Brand Guidelines
Visual Arts
EVENT POSTCARDS
Exhibition titles (back) Please do not move or alter vertical bar, logotype,
Type size/Leading address and prepaid stamp artwork. You may
13pt/10pt change the color. Please use the Indesign template.
Kerning: 20pt
44
YBCA Brand Guidelines
Visual Arts
Color considerations/
Pick maximum 3 colors:
1. For the background
2. For the typography and logos
3. For the framing device
45
YBCA Brand Guidelines
In-house Materials
File name:
Word_Letterhead_Template.doc
STATIONERY
Logos and typography are always Stationery items are shown here at 80%
printed 100% black on a series of pastel
tinted papers.
Spearmint
Pink Lemonade
File name:
Business_Cards_Template.indd
Berrylicious
46
YBCA Brand Guidelines
Art Programs
SAMARA
GOLDEN
Dates
MARCH 11 — MAY 29 Type size: 210pt
Kerning: 70pt
The Los Angeles artist Samara Golden creates dreamlike, immersive
environments that attempt to stage what she describes as the
sixth dimension, a place where the future, present, and past exist
simultaneously. Golden says that her works “gesture toward materializing
the impossible” through a shared experience between artist and audience.
Permeated with raw emotion, her installations use mirrors, video, sound,
and handmade sculptures to create a hypnotic, hallucinatory space that
Intro Text
draws the viewer in completely.
YBCA Exhibitions 2015-2016 are made possible, in part, by Mike Wilkins and Sheila Duignan, Meridee Moore and
Kevin King, and the Creative Ventures Council. YBCA Programs 2015-2016 are made possible, in part, by The James
Sponsor Text
Type size/Leading
Irvine Foundation. Additional Funding for YBCA Programs 2015-2016: National Endowment for the Arts, Adobe, Gaia
Fund, Grosvenor, Abundance Foundation, and members of Yerba Buena Center for the Arts. Free First Tuesdays
underwritten by Directors Forum Members. Yerba Buena Center for the Arts is grateful to the City of San Francisco
for its ongoing support.
48pt/53pt
Kerning:40pt
47
YBCA Brand Guidelines
Art Programs
Main Title
Type size/Leading
990pt/762pt
Kerning: 20pt
The artists, activists, and technologists featured in Take This Hammer:
Art + Media Activism from the Bay Area respond to the most pressing
issues of our time through a variety of tactics anchored in visual art,
YBCA Exhibitions 2015-2016 are made possible, in part, by Mike Wilkins and Sheila Duignan, Meridee Moore and
Kevin King, and the Creative Ventures Council. YBCA Programs 2015-2016 are made possible, in part, by The
James Irvine Foundation. Additional Funding for YBCA Programs 2015-2016: National Endowment for the Arts,
Adobe, Gaia Fund, Grosvenor, Abundance Foundation, and members of Yerba Buena Center for the Arts. Free First
48pt/53pt 205pt/158pt
Kerning:40pt Kerning: 20pt
Tuesdays underwritten by Directors Forum Members. Yerba Buena Center for the Arts is grateful to the City of San
Francisco for its ongoing support.
Dates
Type size: 210pt
Kerning: 70pt
48
YBCA Programs Guidelines
Art Programs
WEB BANNERS
49
YBCA Brand Guidelines
Art Programs
MEDIA SLIDES Four wind screens Video title page Film screening promotional slides
File name: FWScreens_Template.indd File name: Video_Title_Template.indd File name: PromoSlides_Template.indd
50
YBCA Brand Guidelines
Initiatives
INITIATIVES SUB-BRANDS
51
YBCA Brand Guidelines Lightbox poster shown here at 13%
Campaign File name: Campaign_Poster_Template.indd
PMS PMS PMS PMS PMS PMS PMS PMS PMS PMS
196 7482 2707 1788 353 7461 7461 7461 7461 527
52
YBCA Brand Guidelines
Campaign
Bus Exterior
CENTER FOR
distance or in motion, we want the copy to
be as large as possible, so we eliminate the
frame to allow for font increase.