Style Guide

LOGO

8x

Can also be used alone as long as “Eagle Rock Yacht Club” or “The Yacht Club” is written somewhere on the graphic

Vertical versionHorizontal versions

x

x

x

x

x x x

x

23x

23x

23xx

3x

3x

The branding is made up of two basic elements — The anchor icon and the ‘Eagle Rock Yacht Club’ typesetting. In specific situations the anchor and the typesetting can be used separately.

LOGOPROPER LOGO GUIDELINES / SPECS

Figure 1a; Squished logoFigure 1b; Stretched out logoFigure 1c; Incorrect anchor

Figure 2a; Incorrect typefaceFigure 2b; Incorrect anchor & typeface

LOGOIMPROPER LOGO USAGE

Figure 1a

Figure 2a Figure 2b

Figure 1b Figure 1c

LOGO - IN ITS ENVIRONMENTBUSINESS CARD LETTERHEAD

TYPOGRAPHY

TYPOGRAPHYDISPLAY TYPEFACE SCRIPT TYPEFACE

BODY TYPEFACE

DINGBATS

GOTHAM - MEDIUM / BOLD / BLACK Sign Painter - House Script / Shelby

SIGN PAINTER - HOUSE BRUSH

TRADE GOTHIC No. 18 / / TRADE GOTHIC No. 20

Gotham - Book / PT Serif

POPLAR STD

Gotham is the main typeface, also used in the logo. As a typeface it must be used in all caps and always set to optical kerning and 75 tracking. You can switch between Medium, Bold or Black weights depending on the graphic created.

Trade Gothic can be used as another display typeface. Always set to either Bold Condensed No. 20 with optical kerning and 75 tracking. Always in all caps.

Poplar Std is another bold and tall display typeface that’s used when Gotham doesn’t give you the height it needs. Great for a bold statement and to catch attention in flyers, etc. Always set to optical kerning and usually set to 0 tracking, unless slight tracking is necessary.

Sign Painter is the last display typeface which is more fun. Usually used alone depending on the graphic. Always set to optical kerning and tracking set to 0.

These script typefaces are to be used sparingly as a secondary display typeface. Only use one or the other depending on the graphic, never use them together in the same graphic. Tracking set to 0 and kerning set to auto.

These body typefaces are used for large copy. Gotham Regular is mainly used. For both fonts, the tracking is set to 0 and kerning set to optical.

Use a good judgement when using these. Great for an emphasis on something that is free or for sending out a thank you.

COLOR PALETTE

COLOR PALETTE

BLUES

GREYS

DARK BLUEhex - 013348

BLACKhex - 000000

DARK REDhex - AD232D

BLUEhex - 27A9E1

GREYhex - 939597

REDhex - ED1C24

REDS

DESIGN ELEMENTS

Keep in mind for photoshopping images, that it follows The Yacht Club aesthetic. May it be from using the Skipper’s or Gilligan’s hat or including our Anchor logo into an element of the image.

Get creative, while keeping The Yacht Club personality throughout.

Photographs of waves are used with a graphic layer over it, keeping in mind the legibility of the artwork. If that happens, overlay a color field to resolve the issue.

Photos of elements that follow The Yacht Club brand. Such as images from Gillian’s Island.

PRIMARY VISUAL ELEMENTSPHOTOGRAPHY PHOTOSHOPPED PHOTOS

These are design elements that have been used throughout on different graphics/images. Use them without overwhelming the design.

SECONDARY VISUAL ELEMENTSGRAPHIC ELEMENTS

USAGE

TYPOGRAPHY OPTIONSUSAGE OF VARIOUS TYPEFACES

The Yacht Club believes that every individual has the responsibility to be involved in their community.

Through dodgeball, civic service, relationships with rec centers and our youth, The Yacht Club hopes to inspire

you to pursue the common good.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

THE YACHT CLUB

SUNDAY DODGEBALL

April 26th & May 2nd

Mission Statement

EVERY LAST SUNDAY OF THE MONTH

NO DODGEBALL THIS WEEK!APRIL 26TH & MAY 2ND

Mission Rec Center from 3-5pmBUT MEET US AT THE BAR @ 5 PM

NO DODGEBALL THIS WEEK!

Here are some examples of how to properly use our typography. As well as incorporate some of our design elements.

FLYERSUSAGE OF TYPOGRAPHY & DESIGN ELEMENTS

Figure 2a; Artwork with too much going on. Top image not working well with background photograph and stretched out design elements. Figure 2b; Artwork on colors or textures that don’t provide contrast and isn’t part of the color palette. Also using incorrect typography.

Figure 1a; Clean artwork with simple use of design elements. Correct color palette with hints of a pop color that follows the design concept. Very playful.

Figure 1b; Good use of the different typefaces along with a small graphic element. The artwork is legible over the photograph with a light drop shadow.

SOCIAL MEDIACORRECT USAGE INCORRECT USAGE

Figure 2aFigure 1a Figure 1b Figure 2b

Playful, yet simple ways of incorporating our style guide into various applications.

VARIOUS APPLICATIONST-SHIRTS POSTERS

BOWLS

THANK YOU