brand guidelines - skykickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors...

11
Brand Guidelines JUNE 2019

Upload: others

Post on 30-Jul-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

Brand GuidelinesJUNE 2019

Page 2: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

SHORTCUT ICON

TAGLINE

LOGO

MIN WHITE SPACE PARTNER AFFILIATION

SOCIAL LOCKUPS

WHITE REVERSE GRAYSCALE

MEDIA LOCKUPS

Newsletter

Blog

Logo for use on white backgrounds. Digital RGB uses Bright Blue, all other cases Deep Blue.

Logo reversed for dark colored backgrounds or photography overlay. Use Deep Blue for a branded reversed logo.

Black/White or Grayscale applications.

BRIGHT BLUEPMS: 2995 C CMYK: 87 5 0 0RGB: 0 173 255HEX: #00ADFF

DEEP BLUEPMS: 3005 CCMYK: 100 28 0 0RGB: 0 138 230HEX: #008AE6

BLACK/WHITE OPTIONPMS: CMYK:0 0 0 85RGB: 68 68 68 HEX: #444444

Page 3: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

BRIGHT BLUEPMS: 3005 C CMYK: 87 5 0 0RGB: 0 168 255HEX: 00A8FF

COLORS

DEEP BLUEPMS: 300 CCMYK: 95 25 0 0RGB: 0 138 230HEX: 008AE6

LIGHT GRAYPMS: 7541C CMYK: 7 1 3 2 RGB: 246 248 252HEX: F6F8FC

Border Hex: e2e5e8

COOL GRAYPMS: 5376C CMYK: 21 7 2 3RGB: 223 228 236HEX: DFE4EC

SLATE GRAYPMS: 7544 UCMYK: 35 14 11 34RGB: 122 134 154HEX: 7A869A

SILVERPMS: 7543 CCMYK: 24 9 8 22RGB: 122 134 154HEX: B3BAC5

INDIGOPMS: tbdCMYK: RGB: 63 81 181HEX: 3f51b5

NAVY BLUEPMS: 282CCMYK: 100 69 8 70RGB: 44 52 73 HEX: 2c3449

NIGHT GRAYPMS: 534 CCMYK: 95 74 7 44RGB: 50 66 97HEX: 344563

AQUAPMS: 312 CCMYK: 94 0 11 0RGB: 74 207 225HEX: 4acfe1

TURQUOISEPMS: tbdCMYK: RGB: 0 199 189 HEX: 00c7bd

EMERALDPMS: 3395 CCMYK: 90 0 70 0RGB: 30 207 146HEX: 1ecf92

SAPHIREPMS: tbdCMYK: tbdRGB: 98 141 232HEX: 628de8

IRIS BLUEPMS: tbdCMYK: tbdRGB: 109 117 239 HEX: 6d75ef

The secondary palette is used to accent the primary palette.

VIOLETPMS: CMYK: RGB: 126 96 175 HEX: 7e60af

PURPLEPMS: CMYK: RGB: 157 49 180 HEX: 9d31b4

AMETHYSTPMS: CMYK: RGB: 151 114 217 HEX: 9772d9

REDPMS: 1785 CCMYK: 0 90 60 0RGB: 242 95 102 HEX: f25f66

DEEP ORANGEPMS: tbdCMYK: tbdRGB: 253 112 73 HEX: fd7049

RASPBERRYPMS: CMYK: RGB: 214 80 135 HEX: d65087

AMBERPMS: 124 CCMYK:0 35 100 0RGB: 255 192 7HEX: �c007

ORANGEPMS: tbdCMYK: tbdRGB: 250 139 0HEX: fa8b00

PRIMARY COLORS NEUTRAL COLORS Combinations

ACCENT COLORS

PALETTES

Page 4: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

TYPOGRAPHY

FONT USAGE

Gotham LightABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz # @ & 1234567890

Gotham BookABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz # @ & 1234567890

Gotham MediumABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz # @ & 1234567890

RobotoABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz # @ & 1234567890

Roboto MediumABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz # @ & 1234567890

Roboto BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz # @ & 1234567890

Headlines - Gotham Book #484a4d;Supporting Headlines - Gotham Book #a7a7a7;

LINKS - Gotham Book #0275d8;

Gotham is the font for public facing marketing materialshttp://www.typography.com/fonts/gotham

Roboto is the product interface font. https://fonts.google.com/specimen/Roboto

CalibriABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz # @ & 1234567890

Calibri BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz # @ & 1234567890

Calibri is the general house collateral font (Powerpoint, Word, Excel docs).http://www.fontpalace.com/font-details/Calibri/

Page 5: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

LOGO + PRODUCT LOCKUPS

INLINE ICON STACK

Page 6: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

PRODUCT LOCKUPS (no logo)

INLINE

INLINE WHITE

INTEGRATIONS CENTERED

Page 7: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

ICONOGRAPHY

PRODUCTS

DESKTOP APPLICATION

MIGRATION PRODUCTS

PLATFORM

SkyKick.com

DATA-ONLY SMB ENTERPRISE

Marketplace Syndication Developers Platform

App Icon

Page 8: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

ASSETS

HERO BACKGROUND

Page 9: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

BACKGROUNDS

GRADIENTS AND GEOMETRY

GRADIENTS

HERO BRAND ONE BRAND TWO00ADFF - 126FCC

PRODUCT ONE PRODUCT TWO

Page 10: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

LEGACY BACKGROUND

BACKGROUNDS

Page 11: Brand Guidelines - SkyKickbright blue pms: 3005 c cmyk: 87 5 0 0 rgb: 0 168 255 hex: 00a8ff colors deep blue pms: 300 c cmyk: 95 25 0 0 rgb: 0 138 230 hex: 008ae6 light gray

Homepage Video Captures

ILLUSTRATION SYTLE