LOGO, IDENTIFY & BRANDING GUIDELINES


The colors and logos in this guide have been carefully developed to establish and solidify the unique brand identity of the Seattle Youth Soccer Assocation and the identity of its programs and events. Your adherence with the consistent application and usage of these colors and logos will continue to build a strong, unique and consistent brand.
Full Logo Logo without
Name Banner

Colors

Consistency in color usage is critical for the brand. The Seattle Youth Soccer Assocation wishes to establish a vibrant "Seattle Soccer" image that captures the excitement of youth soccer in our region.

Color Name
& Swatch
Meaning Pantone CMYK RGB HEX
Seattle Green
Historical SYSA Color
Forests, Soccer Pitch
361C 77 0 100 0 67 176 42 43B02A
Sound Blue
Lakes & Waterways,
Puget Sound, Rain
300C 99 50 0 0 0 94 184 005EB8

Typefaces

The fonts Helvetica and Arial are universal and available. They also are standard with banner fabricators. Many variations are available such as condensed, light and bold. Whenever possible, SYSA asks that these typefaces be used.

Usage

This logo is the essence and the identity of SYSA. This logo is to be used whenever and wherever possible/viable in green, blue & white colors.

Ink/Theme Colors Background Image Files
Number
Shades White Light Dark EPS PDF SVG PNG
3
Colour
Seattle Green,
Sound Blue
& White
EPS PDF SVG 96x128
240x320
480x640
768x1024
EPS PDF SVG 96x128
240x320
480x640
768x1024
2
Colour
Seattle Green,
Sound Blue
& Transparent

Use 3
Color,
Black
& White or
1 Color


Use 3
Color,
Black
& White or
1 Color


Refer to
3 Color
Images
Black
& White

Black or
Contrasting
& White

EPS PDF SVG 96x128
240x320
480x640
768x1024
EPS PDF SVG 96x128
240x320
480x640
768x1024
1
Color
Black or
White or
Contrasting

Refer to
Black & White
Images

X X X X X X X

X X X X X X X

X X X X X X X

SVG - Scaleable Vector Graphic - XML-based vector* image format, open industry standard and source alternative to Adobe Illustrator (AI) format.
EPS - Encapsulated Postscript - Vector* image interchange format used extnsively in the print industry.
PDF - Portable Document Format - General purpose platform-independent document format often used for printing. Graphics are stored as vector* images.
PNG - Portable Network Graphic - Lossless raster** image formats widely supported by web browsers and image viewers/editors. Loses fidelity/quality when resized.
*Vector - An image format type that allows image scale to be resized without losing image quality.
**Raster - An image format that stores graphics as a pixel-by-pixel representation.