Svin Garden Brand Book

Svin Garden St y le Gu i d e Svin Garden Seattle, WA xxx@xxx.com

V I SUA L g u i d e l i n e s

Logo

OVERVIEW

The Svin Garden brand has one primary logo. Svin Garden uses Nexa Rust Sans as a headline font with Nexa Book for body copy. Svin Garden uses several bright colors to bring the illustrated style alive.

Color

Type

Nexa rust sans ABCDEFGhIJklmnopqrstuvwxyz

1234567890 Nexa Book

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

1234567890

t h e lo g o

Logo on white

Logo on black

Logo on color

PRIMARY LOGO The primary logo is an illustration of a flying pig framed in a circular badge with “Svin Garden� wrapped around.

Clearspace The Svin logo should always be surrounded by a generous field of clear space in every application. As shown, the minimum amount of clear space is equal to the height of the pig (minus the wings), defined here as X.

Clearspace

X

Smallest Size Because of the complexity of the logo illustration, we recommend not printing the logo smaller than a 1 in width.

X

X

Minimum size

minimum print size: 1 in minimum web size: 75 px

X 1 in 75 px

X

X

PRODUCT LINE LOGO COLOR VARIATIONS The current Svin Garden packaging line features three different color schemes

Light blue logo on dark blue

Dark brown logo on orange

Black logo on light blue

WHAT NOT TO DO

⊗ Don’t slant

⊗ Don’t apply gradients

⊗ Don’t distort

⊗ Don’t crop

⊗ Don’t stretch

⊗ Don’t impact legibility

⊗ Don’t use non-branded colors

⊗ Don’t apply drop shadows

Do not alter the primary logo by changing the color, removing, or modifying elements in the primary logo.

Spacing Follow the clearspace guidelines when spacing the logo in a design. For web designs, take special care that there is enough padding between the bottom of the logo and right-side of the logo, so it stands dout among the rest of the design.

co lo rs

COLORS

Breakdowns Here we have shown the breakdowns for each of the colors in your palette.

RGB & hex colors are for screen use only. CMYK & Pantone numbers are for print.

dark blue

teal

red

R0/G0/B169

R173/G225/B217

R225/G25/B38

Hex #0000a9

Hex #adffd9

Hex #ff1926

C100/M100/Y23/K14

C32/M0/Y15/K0

C0/M90/Y85/K0

Pantone #2738 C

Pantone #331 C

Pantone Bright Red C

orange

yellow

cyan

R255/G51/B13

R225/G128/B0

R77/G217/B255

Hex #ff330d

Hex #ff8000

Hex #4dd9ff

C0/M80/Y95/K0

C0/M50/Y100/K0

C70/M15/Y0/K0

Pantone Orange 021 C

Pantone #144 C

Pantone #305

t y p e fac e s

TYPEFACES

Typography Nexa Rust Sans is the font to be used as a title. The font is to be used sparingly and strategically to draw attention to information.

Nexa Rust Sans is located in the fonts folder in the style guide assets.

nexa rust sans ABCDEFGHIJKLMNOPQ RSTUVWXYZ 01234567890

TYPEFACES

Typography Zona Pro font is used for all content in a design.

This includes paragraphs, contact information, captions, and product names.

Zona Pro is located in the font folder of the style guide assets.

AaBbCc123@£$ Nexa Book Nexa Book ABCDEFGHIKLMNOPQRSTUVWXYZ abcdefghiklmnopqrstuvwxyz 01234567890!@£$%

HIERARCHY

T1 ZONA PRO BOLD (Title) ABCDEFGHIJKLMN

0123456789

Font Hierarchy Use this font hierarchy when designing the typography.

H1 (Headline)

Nexa Book — 18pt/23pt AaBbCcDdEeFfGg 01234567890!@£$%

SB1 (Subtitle)

Nexa Book — 12pt/17pt AaBbCcDdEeFfGg 01234567890!@£$%

BC (BodyCopy)

Nexa Book— 9pth/13pt AaBbCcDdEeFfGg 01234567890!@£$%

examples

PACKAGING EXAMPLES