Visual Identity Guidelines

Let's make it happen!

When it comes to content, design, and the routine procedures we follow both inside and outside the organization, excellence is what we strive for. We hold ourselves to a high quality throughout our entire design system.

Every component is crucial, so everything needs to be reinforced with our brand message, for example. The goal of this visual branding guide is to act as a roadmap for all design-related projects under the SGpro brand.

Logos

These are broad recommendations for how to use our logo and how to avoid doing so.

HORIZONTAL FORMAT

The standard orientation of the SGpro logo, which places the symbol and the trademark typography side by side, is a one-liner horizontal format.

VERTICAL FORMAT

The two-liner vertical SGpro logo orientation is a different way to display the logo, placing the icon above the company's typography.

MONORGRAM

When there is not enough room and the printing surface may affect how easily the logo type can be read, this symbol may be utilized.

color Variations

These are broad recommendations for how to use our logo and how to avoid doing so.

FULL COLOR

FULL COLOR REVERSED

ONE COLOR REVERSED

Guidelines

The 'exclusion zone' refers to the area around the logo which must remain free from other copy to ensure that the logo is not obscured. As the diagram indicates, the 'exclusion zone' is equal to that of the cap height of the letter "s".

The Don'ts

Any attempt to change the logo in any way must be avoided since the appearance of the mark must remain constant. There should be no exceptions made regarding aspects like color, alignment, and structure.

We display the behaviors to avoid when using our company logo.

Don't distort the logo

Don't alter the colors

Don't change the font

Don't change the arrangement of logo elements

Don't alter the spacing

Don't tilt the logo

Don't place the logo on pattern

Don't change the relative sizes of the logo elements

Don't place the logo on a gradient background

Colors

Primary Color Palette

These two fundamental colors must be utilized in every design. Brand memory and familiarity will be used by remaining consistent with these two.

Dodger Blue
Hex: #4E73FB
RGB Values: 78, 115, 251
CMYK Values: 69%, 54%, 0%, 2%
HSV/HSB Values: 227°, 69%, 98%

Blue Zircon
Hex: #53FFF7
RGB Values: 83, 255, 247
CMYK Values: 68%, 0%, 3%, 0%
HSV/HSB Values: 177°, 67%, 100%

Secondary Color Palette

This secondary color scheme has been thoughtfully chosen in accordance with what complements our two core colors. These should be utilized as accents in some vector artworks, graphics, and picture backgrounds.

The primary colors should still make up at least 60% of the design, and no other colors should be utilized other those listed in this guide.

Baltic Sea
Hex: #2C2C2C
RGB Values: 44, 44, 44
CMYK Values: 0%, 0%, 0%, 83%
HSV/HSB Values: 359°, 0%, 17%

Sonic Silver
Hex: #7A7A7A
RGB Values: 122, 122, 122
CMYK Values: 0%, 0%, 0%, 52%
HSV/HSB Values: 359°, 0%, 48%

Purple Heart
Hex: #53FFF7
RGB Values: 70, 50, 218
CMYK Values: 68%, 77%, 0%, 15%
HSV/HSB Values: 247°, 77%, 85%

Baltic Sea
Hex: #2C2C2C
RGB Values: 44, 44, 44
CMYK Values: 0%, 0%, 0%, 83%
HSV/HSB Values: 359°, 0%, 17%

Purple Heart
Hex: #53FFF7
RGB Values: 70, 50, 218
CMYK Values: 68%, 77%, 0%, 15%
HSV/HSB Values: 247°, 77%, 85%

Old Gold
Hex: #D5A848
RGB Values: 213, 168, 72
CMYK Values: 0%, 21%, 66%, 17%
HSV/HSB Values: 41°, 66%, 84%

Alice Blue
Hex: #EDF9FE
RGB Values: 237, 249, 254
CMYK Values: 7%, 2%, 0%, 0%
HSV/HSB Values: 198°, 7%, 100%

Magnolia
Hex: #F6F4FF
RGB Values: 246, 244, 255
CMYK Values: 4%, 4%, 0%, 0%
HSV/HSB Values: 251°, 4%, 100%

Milk White
Hex: #FFFFFF
RGB Values: 255, 255, 255
CMYK Values: 0%, 0%, 0%, 0%
HSV/HSB Values: 359°, 0%, 100%

Typography

Primary Typeface

These primary fonts should be used for the creation of all print collateral and marketing materials.

Montserrat

Roboto

Secondary Typeface

These secondary fonts can also be used for the creation of all creatives and publication materials.

Alex Brush

Sacramento

Elements

Illustrations

Roboto

Brand Assets