Ric
St. George Ferry Terminal
hm on err dT ac e
1
SAINT GEORGE
2 3 Bay Str eet Slosson
Victory
4
SIR
Tompkinsville Park
Han
nah
TOMPKINSVILLE
Swan
guide to visual identity, communication, and assets
Stre
5 ton
Bay
Clin
nt
et
Gra
e@ Artspac nd la Staten Is Arts r Court
e
SIR Front
S TA P L E TO N
Esplanad
Navy Pie
Prospect
Stapleton
Wave
Water
Tappen Park
6
8
Canal
e MakerSpac Thompson
Maker Park
7
02
guide to visual identity, communication, and assets
guide contents
file access All named files are available as individual documents saved as Adobe CS5 files. All individual Illustrator documents contain fonts as outlines and images as embeds. Outlined Illustrator documents in folder: SonicGates_guide_outlined_pages Files are also available with live fonts. LIve fonts are in a single AI document that contains all files stacked on layers that are named same as file names. To use this file you will need to have the Akzidenz fonts loaded installed. Live Illustrator document in folder: SonicGates_guide_live_pages
01 cover sheet 02 table of contents 03 primary identity mark: Sonic Gates horizontal logo lockup 04 primary identity mark: colors (related file: SG_horiz_logolockup.ai) 05 secondary identity mark: Sonic Gates vertical logo lockup 06 secondary identity mark: colors (related file: SG_vert_logolockup.ai) 07 URL wordmark and colors (related file: SG_URL_wordmark.ai) 08 color: gradients based on solids (related file: SG_color_palette.ai) 09 color: gradients applied to horizontal logo lockup (related file: SG_gradient_horiz_logos.ai) 10 color: gradients applied to vertical logo lockup (related file: SG_gradient_vert_logos.ai) 11 color: Use of exclusive Sonic Gates palette 12 color: proportionate use of color 13 using transparency and opacity with graphics on images 14 integrating art and identity (related folder: SG_Instagrams) 15 typography | folder name: SG_type 16 credit and organization lockup V.1 (related file: SG_vert_logolockup.ai) SG_credit_org_lockup1.ai) 17 credit and organization lockup V.2 (related file: SG_credit_org_lockup2.ai) 18 organization and project lockup V.1 (related file: SG_org_project_lockup1.ai) 19 organization and project lockup V.2 (related file: SG_org_project_lockup2.ai) 20 organization lockups (related file: SG_org_lockups.ai) 21 resonance motif (related file: SG_resonance_motif.ai) 22 street stencil (related file: SG_stencil.ai) 23 map illustration (related file: SG_map.tif) 24 signs: installation considerations 25 brochure map (related folder: SG_brochure) 26 design of print collateral (related file: SG_Collateral) 27 partner logos (related file: SG_partner_logos.ai) 28 end sheet
Prepared for Staten Island Arts by John Schettino Design
Prepared for Staten Island Arts by John Schettino Design
03
guide to visual identity, communication, and assets primary identity mark: Sonic Gates horizontal logo lockup
logo
tagline
VG credit
Always use lockup of logo, tagline and VG credit.
Do not use logo alone.
Prepared for Staten Island Arts by John Schettino Design
04
guide to visual identity, communication, and assets primary identity mark: colors | file name: SG_horiz_logolockup.ai
Blue on white
Color values
Black on white
CMYK
Blue C: 79 M: 57 Y: 0 K: 0
White C: 0 M: 0 Y: 0 K: 0
RGB
Blue R: 67 G: 110 B: 182
White R: 35 G: 31 B: 32
White on blue
Color values
Color values
CMYK
Black C: 0 M: 0 Y: 0 K: 100
White C: 0 M: 0 Y: 0 K: 0
RGB
Black R: 255 G: 255 B: 255
White R: 35 G: 31 B: 32
Black on white
CMYK
White C: 0 M: 0 Y: 0 K: 0
Blue C: 79 M: 57 Y: 0 K: 0
RGB
White R: 35 G: 31 B: 32
Blue R: 67 G: 110 B: 182
Color values
CMYK
White C: 0 M: 0 Y: 0 K: 0
Black C: 0 M: 0 Y: 0 K: 100
RGB
White R: 35 G: 31 B: 32
Back R: 255 G: 255 B: 255
Prepared for Staten Island Arts by John Schettino Design
05
guide to visual identity, communication, and assets secondary identity mark: Sonic Gates vertical logo lockup
Always use lockup of logo, tagline and VG credit.
Do not use logo alone.
Prepared for Staten Island Arts by John Schettino Design
06
guide to visual identity, communication, and assets secondary identity mark: colors | file name: SG_vert_logolockup.ai
Blue on white
Black on white
White on blue
Black on white
Color values CMYK Blue C: 79
Color values CMYK Black C: 0
Color values CMYK White C: 0
Color values CMYK White C: 0
M: 57 Y: 0 K: 0
RGB
Blue R: 67 G: 110 B: 182
White C: 0 M: 0 Y: 0 K: 0
White R: 35 G: 31 B: 32
M: 0 Y: 0 K: 100
RGB
Black R: 255 G: 255 B: 255
White C: 0 M: 0 Y: 0 K: 0
White R: 35 G: 31 B: 32
RGB
M: 0 Y: 0 K: 0
Blue C: 79 M: 57 Y: 0 K: 0
White R: 35 G: 31 B: 32
Blue R: 67 G: 110 B: 182
M: 0 Y: 0 K: 0
RGB
White R: 35 G: 31 B: 32
Black C: 0 M: 0 Y: 0 K: 100
Back R: 255 G: 255 B: 255
Prepared for Staten Island Arts by John Schettino Design
07
guide to visual identity, communication, and assets URL wordmark and colors | file name: SG_URL_wordmark.ai
SONICGATES.COM Blue on white
SONICGATES.COM
Black on white
SONICGATES.COM
White on blue
SONICGATES.COM
The URL wordmark should not be used as a substitute for the Sonic Gates logo lockup.
White on black
SONICGATES.COM
Example application: The URL wordmark is always subordinate to central message of any communication design.
Lorem ipsum est unum estum North Shore est Staten Island! Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro caest poresed mi, seditatus ut volendic unum. Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur, es et es etum. Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro milicaest poresed mi, seditatus ut volendic.
Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur, es et es etum. Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro milicaest poresed mi, seditatus ut volendic. Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur. Ma erchillaut officil ibusandaecto consequi doluptat odiatur?
SONICGATES.COM
Prepared for Staten Island Arts by John Schettino Design
08
guide to visual identity, communication, and assets color: gradients based on solids | file name: SG_color_palette.ai Sonic Gates solid color palette (CMYK values)
Sonic Gates Blue
C: M: Y: K:
79 57 0 0
Sonic Gates Black
C: M: Y: K:
0 0 0 100
Sonic Gates White
Sonic Gates solid color palette (RGB values)
C: M: Y: K:
Sonic Gates Blue
0 0 0 0
R: 67 G: 110 B: 182
Sonic Gates Black
R: 35 G: 31 B: 32
Sonic Gates White
R: 255 G: 255 B: 255
Gradient color palette (CMYK values)
Gradient color palette (RGB values)
Sonic Gates gradient No. 1: SG blue graded/shaded with addition of black.
Sonic Gates gradient No. 1: SG blue graded/shaded with addition of black.
location: 0
location: 50
location: 100 C 87 M 76 Y 1 K 0
C 69 M 41 Y 0 K 0
location: 0 C 94 M 85 1 Y 0 K
Sonic Gates gradient No. 2: SG blue graded/shaded with addition of color.
location: 0
location: 50 C 69 M 41 Y 0 K 0
location: 100 R 61 G 84 B 163
R 84 G 134 B 198
R 48 G 71 B 156
Sonic Gates gradient No. 2: SG blue graded/shaded with addition of black.
location: 100 C 87 M 76 Y1 K0
location: 50
location: 0 C 94 M 92 Y 29 K 17
location: 50 R 84 G 134 B 198
location: 100 R 61 G 84 B 163
R 51 G 51 B 106
Prepared for Staten Island Arts by John Schettino Design
09
guide to visual identity, communication, and assets color: gradients applied to horizontal logo lockup | file name: SG_gradient_horiz_logos.ai
Logo lockup filled with SG gradient No. 2
Logo lockup on SG gradient No. 1
Logo lockup on SG gradient No. 2
Prepared for Staten Island Arts by John Schettino Design
10
guide to visual identity, communication, and assets color: gradients applied to vertical logo lockup | file name: SG_gradient_vert_logos.ai
Logo lockup filled with SG gradient No. 2
Logo lockup on SG gradient No. 1
Logo lockup on SG gradient No. 2
Prepared for Staten Island Arts by John Schettino Design
11
guide to visual identity, communication, and assets color: use of exclusive Sonic Gates palette
For identity application, use only these Sonic Gates colors and color combinations: Out-of-palette
Do not use color combinations that are outside of the exclusive Sonic Gates color palette.
Do not use colors that are outside of the exclusive Sonic Gates color palette.
Prepared for Staten Island Arts by John Schettino Design
12
guide to visual identity, communication, and assets color: proportionate use of color The color palette of communication materials should be either predominantly blue or white.
Dominant design colors: solid blue, blue gradient, white Subordinate design color: black
Black is a subordinate color and should only be used for accentuation or highlighting.
Examples of proportioate color use Predominant blue gradient with subordinate white.
Predominant white with subordinate black.
Ric
St. George Ferry Terminal
hm on err dT ac
1
e
NEW YORK CITY’S SOUND SCULPTURE WALK Created by Volker Goetze SAINT GEORGE
2 3 Bay St
Experience eight works of public art on the North Shore of Staten Island
reet
Discover Staten Island’s dynamic North Shore, brimming with local art and culture. Experience seven sound sculptures—from a 17-foot-long wind harp to an interactive drum totem— while strolling from the ferry terminal along Bay Street’s diverse storefronts and lively parks. Catch a
Slosso
n
13 minute walk
breath in front of a 90-foot-long mural of the endangered Right Whale with views of the spectacular waterfront. More info:SONICGATES.COM
Victory
4
SIR
Tompkinsville Park
Han
nah
Swan
TOMPKINSVILLE
15 minute walk
3
Gra
Ballena & Vallenato (Whale & Calf) by Lina Montoya Clin
5 ton
nt
et
2
Talking Tubes by DB Lampman
5
Dolphins del Fin by Lina Montoya
6
DNA (Dynamic Nature Art) by D.B. Lampman & PS 78
Navy Pier
Prospect
Front
5 minute walk Tappen Park
Water
6
Canal
MakerSpace Thompson
7
Wind Harp No.7 by Scott Van Campen
8
Float, Float, Float On by Arthur Simms
Court
de
SIR
S TA P L E TO N
Maker Park
7
Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro caest poresed mi, seditatus ut volendic unum.
n Esplana
Drum Totem by Alassane Drabo
e@ Artspac nd Staten Isla Arts
Stapleto
Wave
4
Lorem ipsum est unum estum North Shore est Staten Island!
Stre
1
Nested Bells by Jeremy Munson
Bay
Predominant blue gradient with subordinate white and black
8
Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur, es et es etum. Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro milicaest poresed mi, seditatus ut volendic.
Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur, es et es etum. Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro milicaest poresed mi, seditatus ut volendic. Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur. Ma erchillaut officil ibusandaecto consequi doluptat odiatur?
SONICGATES.COM
Prepared for Staten Island Arts by John Schettino Design
13
guide to visual identity, communication, and assets using transparency and opacity with graphics on images
When using graphics over images always use white for graphic color. Solid white over images provides the most contrast. A graphic with dropshadow can help to distinguish white graphic from light areas of image, however application of dropshadow should be minimal. Example dropshadow settings used here: Logo: Mode: Multiply Opacity: 10% X Offset: .25 Y Offset: .5 Blur: 1 Color: Black
Tagline and VG Credit: Mode: Multiply Opacity: 60% X Offset: .5 Y Offset: .5 Blur: .5 Color: Black
In some cases, applying 70-80% transparency to graphics can create a stronger sense of integration between graphic and image (also see page 14).
Prepared for Staten Island Arts by John Schettino Design
14
guide to visual identity, communication, and assets integrating art and identity | folder name: SG_Instagrams For promotional materials that combine the Sonic Gates identity with images of project art the art should always be featured centrally with the Sonic Gates identity integrated within the art image.
Logo and type at 100% opacity
Examples here are formatted for Instagram.
Logo and type at 70% opacity
Prepared for Staten Island Arts by John Schettino Design
15
guide to visual identity, communication, and assets typography | folder name: SG_type
When designing communication materials for Sonic Gates use only fonts from the Akzidenz Grotesk type family.
Berthold Akzidenz Grotesk Light
Akzidenz Grotesk Light
Berthold Akzidenz Grotesk Regular
Akzidenz Grotesk Light
Berthold Akzidenz Grotesk Italic
Akzidenz Grotesk Light
Berthold Akzidenz Grotesk Medium
Akzidenz Grotesk Light
Do not use all caps in communication materials. Set type in sentence case, or use only lowercase settings.
SONIC GATES TYPE SET IN ALL CAPS IS NOT RECOMMENDED Sentence case should be used for setting type.
Exceptions to sentence case are only in in core identity elements: Uppercase is only used for SG tagline in logo lockup and for Sonic Gates name as URL
SONICGATES.COM
Prepared for Staten Island Arts by John Schettino Design
16
guide to visual identity, communication, and assets credit and organization lockup V.1 | file name: SG_credit_org_lockup1.ai
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture, launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture, launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture, launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture, launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture, launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Prepared for Staten Island Arts by John Schettino Design
17
guide to visual identity, communication, and assets credit and organization lockup V.2 | file name: SG_credit_org_lockup2.ai
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture launched by Staten Island Arts and the Design Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
Prepared for Staten Island Arts by John Schettino Design
18
guide to visual identity, communication, and assets organization and project lockup V.1 | file name: SG_org_project_lockup1.ai
Prepared for Staten Island Arts by John Schettino Design
19
guide to visual identity, communication, and assets organization and project lockup V.2 | file name: SG_org_project_lockup2.ai
Prepared for Staten Island Arts by John Schettino Design
20
guide to visual identity, communication, and assets organization lockups | file name: SG_org_lockups.ai
Prepared for Staten Island Arts by John Schettino Design
21
guide to visual identity, communication, and assets resonance motif | file name: SG_resonance_motif.ai
For use only as a design accent. Always subordinate to other visual elements and not to be featured prominently. Resonance motif 1 Effect uses solid SG blue.
Resonance motif 2 Effect approximates SG map colors
When applying motif to visual design always anchor center of rings to corner of design
Example application:
NEW YORK CITY’S SOUND SCULPTURE WALK Created by Volker Goetze
St. George Tompkinsville Stapleton
Construction of effect
Do not center graphic.
Construction of effect Stroked circles: 50% transparency
Radial gradient, black to white: 25% transparency
Radial gradient, black to white: 25% transparency
SG blue color: 100% solid
Sonic Gates blue: 100% solid
Only use over blue.
Do not use as “bullseye”
Prepared for Staten Island Arts by John Schettino Design
22
guide to visual identity, communication, and assets street stencil | file name: SG_stencil.ai
NOTE: This is the only case where the Sonic Gates resonance motif is used as a stand-alone element. Stencil 1 masked to show side arrows only
Intended effect
Stencil 1 masked to show top/bottom arrows only
Stencil 2
Actual stencil has pinwheellike appearance. In application two of the four arrows are always masked off from spray chalk. Final sprayed stencil sshows up as either rings with arrows at top and bottom or rings with arrows at sides.
Stencil 1: 19.25w x 19.25h�
Stencils 1 and 2 can be used separately or in combination.
diagonal slot in circles= 1/8� of stencil material
Stencil 2: 19.25w x 2.42h�
Prepared for Staten Island Arts by John Schettino Design
23
guide to visual identity, communication, and assets Map file construction and management Notes on file construction and size
Overall construction of map file Radial gradient overlay, set to multiply, for vignette Native to AI Ric
St. George Ferry Terminal
hm on
Map information, names, distances, etc. Native to AI
err dT ac e
1
SAINT GEORGE
Map illustration Native to PS, placed in AI
2 3
The map is used in two significant print applications; in the brochure and on the signs. In both cases the complete map is an Adobe Illustrator file composed of vector objects, type and placed image.. The construction diagram at left shows the general layering of the file elements.
Bay Str
Top – The top elements of the file include all reading items: street names, art numbers, walking times and demarcations of walking times
eet Slosson
13 minute walk
Victory
4
Middle – Below the reading items is an Adobe Illustrator radial gradient. The gradient transparency is set to multiply. It is used to create the vignette effect that deepens the color in the corners of the map.
SIR
Tompkinsville Park
Han
nah
Swan
TOMPKINSVILLE
Gra
Stre
5 ton
Bottom – The bottom layer of the file is a placed image that is saved as a CMYK .TIF file.
Bay
Clin
nt
et
15 minute walk
e@ Artspac d an Staten Isl Arts
Prospect
SIR
S TA P L E TO N
Court
Legend items
Esplanade
r Navy Pie
Stapleton
Wave
Front
5 minute walk Tappen Park
SIR
Water
6
8
Canal
ce
MakerSpa Thompson
Maker Park
Staten Island Railway stop: St. George Ferry Terminal Staten Island Railway stop: Tompkinsville (at Victory & Bay) Staten Island Railway stop: Stapleton (at Prospect & Bay)
parks and open space
New York Bay
pier remnants
7
1000 feet
300 meters
File size Full size of placed map mage is over 50 MB. When reproducing map consider final output size and edited to reduce file size. A simple method for this is to compose image with graphics in AI, export background image (not graphics) from AI as JPEG, TIF, etc. and then replace original image in AI with new cropped image that has been created. (See page 26 note)
Prepared for Staten Island Arts by John Schettino Design
24
guide to visual identity, communication, and assets Signs: installation considerations Sign attachment points
Pole fastening
Open space at top and bottom of graphic allows through-bolts.
Illustration of typical DOT fastening method and materials shown below. (side view)
Bolt
Single Bolt Strap Bracket (to offset sign from post)
Sign
Bolt Stainless steel strap Stainless steel buckle
Through-bolt
Usability/legibility When intalled art description paragraph on sign should be at eye-level. re: “eye-level” Anthropometric standards Average standing height ranges: Female 60.2” – 68.4” Male 64.8” – 73.5” per BIFMA Ergonomics Guidelines Approximate median average female height: 64.3” (5’, 4 1/2”)
5’, 4 1/2”
Bolt
Bolt Lamppost image is to illustrate fastening methods only. Actual posts for installation TBD by SIA, DT and SI MakerSpace.
Prepared for Staten Island Arts by John Schettino Design
25
guide to visual identity, communication, and assets brochure map | Folder name: SG_brochure Brochure inside: unfolded four-panel map.
Brochure inside: unfolded descriptive content, photos, and credits. sculpture walk map
Discover Staten Island’s dynamic
SONICGATES.COM
North Shore, brimming with local art
Sonic Gates is created by artist Volker Goetze. The public art project is an initiative of Future Culture, launched by Staten Island Arts and the Design
and culture. Experience seven sound
Trust for Public Space to foster community connections and shape a vision for culture on the North Shore of Staten Island.
sculptures—from a 17-foot-long wind
NEW YORK CITY’S SOUND SCULPTURE WALK
harp to an interactive drum totem— while strolling from the ferry terminal
Created by Volker Goetze
along Bay Street’s diverse storefronts
Experience eight works of public art:
1
and lively parks. Catch a breath in
Nested Bells artist: Jeremy Munson
St. George Ferry Terminal To
M
h an
a
n tta
Æ
on
hm
Ric
NEW YORK CITY’S SOUND SCULPTURE WALK
endangered Right Whale with views of the spectacular waterfront.
1
e
2
ac
err dT
Created by Volker Goetze
Community Partners: 100 Gates Island Voice Projectivity PS 78 Staten Island MakerSpace Staten Island Partnership for Community Wellness Universal Temple of the Arts
front of a 90-foot-long mural of the
Talking Tubes artist: DB Lampman
New York City and State Partners: New York City Department of Small Business Services New York City Department of Transportation New York City Parks New York State Department of Environmental Conservation Office of the Staten Island Borough President
2 3 SAINT GEORGE
reet
Ballena & Vallenato (Whale & Calf) artist: Lina Montoya
Bay St
3
Sonic Gates is made possible through the generous support of:
Barrett Triangle
St. George Tompkinsville Stapleton
13 minute walk Slosson
4
Drum Totem artist: Alassane Drabo Victory
4
SIR
Tompkinsville Park
5*
Dolphins del Fin artist: Lina Montoya – not for interaction, stay off traffic median
This program is supported, in part, by public funds from the New York City Department of Cultural Affairs in partnership with the City Council. This program is made possible by the New York State Council on the Arts with the support of Governor Andrew M. Cuomo and the New York State Legislature.
Float, Float, Float On by Arthur Simms
Drum Totem by Alassane Drabo
TOMPKINSVILLE
nah
Han
reet
DNA (Dynamic Nature Art) artist: DB Lampman, and PS 78 students
Bay St
6
Van Duz er
Swan
Gra
nt
15 minute walk
Orientation of brochure and folds.
5 Clin
Wind Harp No.7 artist: Scott Van Campen
8
Float, Float, Float On artist: Arthur Simms
Bay
Stre
et
7
ton
Wave
SIR
Front
5 minute walk
SIR
Staten Island Railway stop: St. George Ferry Terminal Staten Island Railway stop: Tompkinsville (at Victory & Bay) Staten Island Railway stop: Stapleton (at Prospect & Bay)
parks and open space
pier remnants
300 meters
Water Tappen Park
6
8 e
Thompson
MakerSpac
MakerPark
7
Bay
1000 feet
New York Bay
de
Esplana
Prospect
S TA P L E T O N
SONICGATES.COM
Stapleton
@ ArtSpace nd Staten Isla Arts
Additional thanks: Great News Brew Caps. Photographs by Sam Samore.
et Stre
Prepared for Staten Island Arts by John Schettino Design
26
guide to visual identity, communication, and assets design of print collateral | file name: SG_Collateral
Examples of assets from Sonic Gates guide deployed for design of print collateral. Ric
St. George Ferry Terminal
hm on err dT ac
1
e
NEW YORK CITY’S SOUND SCULPTURE WALK
Primary identity mark: Sonic Gates horizontal logo lockup. file name: SG_horiz_logolockup.ai
Created by Volker Goetze SAINT GEORGE
2 3 eet
Discover Staten Island’s dynamic North Shore, brimming with local art and culture. Experience seven sound sculptures—from a 17-foot-long
terminal along Bay Street’s diverse storefronts and lively parks. Catch a
Slosso
Example of simplified print design with all elements of composition still identity-aligned.
Akzidenz Grotesk typeface, set in sentence case. folder name: SG_type
Bay Str
Experience eight works of public art on the North Shore of Staten Island
wind harp to an interactive drum totem— while strolling from the ferry
FILE SIZE NOTE: Map image file is edited and flattened to significantly reduce file size. To do this; compose image in AI, export as JPEF, TIF, etc. and replace in AI as new image. In this example file size has been reduced from about 55 to 5 MB.
n
13 minute walk
breath in front of a 90-foot-long mural of the endangered Right Whale with views of the spectacular waterfront. More info:SONICGATES.COM
Victory
4
SIR
Organization lockups. file name: SG_org_lockups.ai
Tompkinsville Park
Han
nah
Swan
TOMPKINSVILLE
Brochure photo bubbles. Folder name: SG_brochure
15 minute walk Talking Tubes by DB Lampman
3
Gra
Ballena & Vallenato (Whale & Calf) by Lina Montoya Clin
5 ton
nt
et
2
Stre
Nested Bells by Jeremy Munson
Bay
1
Map folder name: SG_map
5
6
e@ Artspac d an Staten Isl Arts
DNA (Dynamic Nature Art) by D.B. Lampman & PS 78
Navy Pie
Prospect
r Court
SIR
S TA P L E TO N
Front
5 minute walk Tappen Park
6
Canal
Thompson
7
8
Float, Float, Float On by Arthur Simms
Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro caest poresed mi, seditatus ut volendic unum.
8
Water
MakerSpace
Wind Harp No.7 by Scott Van Campen
Esplanade
4
Dolphins del Fin by Lina Montoya
Stapleton
Wave
Drum Totem by Alassane Drabo
Maker Park
7
Lorem ipsum est unum estum North Shore est Staten Island!
Gradients file name: SG_color_palette.ai
Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur, es et es etum. Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro milicaest poresed mi, seditatus ut volendic.
Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur, es et es etum. Rerion peditia quo temolorepuda dolupta turescil ipid estrum laborrovita con pro milicaest poresed mi, seditatus ut volendic. Lorem ipsum tur adit omnis ma erchillaut officil ibusandaecto consequi doluptat odiatur? Omnihiliquam reptas sunt. Pudicab orroresequae nihitecabo. Liat ex eatur aribea dundam inisquiant perum vende si di quatur. Ma erchillaut officil ibusandaecto consequi doluptat odiatur?
SONICGATES.COM
Prepared for Staten Island Arts by John Schettino Design
27
guide to visual identity, communication, and assets partner logos | file name: SG_partner_logos.ai Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360
Small Business Services & Neighborhood 360