Sonic Gates Guide

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