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