+ All Categories
Home > Documents > | Branding Guidelines - OutSystems › - › media › images › company › press-ki… ·...

| Branding Guidelines - OutSystems › - › media › images › company › press-ki… ·...

Date post: 09-Jun-2020
Category:
Upload: others
View: 1 times
Download: 0 times
Share this document with a friend
15
2018/05/23 - v1.00 | Branding Guidelines
Transcript
Page 1: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

2018/05/23 - v1.00

| Branding Guidelines

Page 2: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

00

Brand

What makes a brandOutSystems brand is built on a set of principles: clarity, elegance, disruption and usabilty. These 4 values drive our identity further than our logo, colors or typography do, but all of those ellements and much more, live by these standards.

Clarity Elegance Disruption Usabilty

Page 3: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

01

Logo

Wordmark

What makes a logoOutSystems brand is made of 2 distinct parts that give it it its identity: a ring and a wordmark. These should never lever separated when representing the logo, and if used as a word, OutSystems should be written as is in the representation, with capital O and S.

Symbol:OutSystems Ring OS Logo Red

#ff2400 R:255 G:036 B:000C:000 M:100 Y:095 K:00

#333333 R:051 G:051 B:051C:000 M:000 Y:000 K:090

OS Logo Grey

Logo Colors

Page 4: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

02

Logo

Minimum clear spaceLeave a space around the logo equivalent to ¼ of the ring size.

X

X

X

X

Page 5: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

03

Logo

Minimum sizeIn print use, the logo should never be smaller than 4 mm (0.15”) in height. When used in digital applications such as the Web or on mobile devices, 15 pixel tall should be the minimum size.

Minimum size for print:Ring height is 4mm/0.15”

Minimum size for digital:Ring height is 15px

Page 6: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

04

Logo

Main VersionIt reflects OutSystems as a brand. It has preference in all official assets and references. Used to reinforce the brand and establish OutSystems presence. It should be used over white or light colored backgrounds.

Page 7: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

05

Logo

Secondary VersionThe secondary logo can be used as alternative to the main logo. It can be picked in cases when the backgound is darker.

Page 8: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

06

Logo

Monochrome VersionThe monohrome logos can be used as alternative to the colored logos. They can be picked in cases when content must come first, as a more subtle choice. Best used on monochrome assets.

Page 9: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

07

Rules

Correct Logo UseDO Use the official OutSystems Logo.

DON’T Modify the logo such as changing colors, proportions or adding effects or other text/content/assets.

NO

NO

NO

NO

NO

NO

NO

NOYES

Page 10: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

08

RulesNO

NO

NO

NO

NO

NO

OutSystems

OUTSystems

outsystems

Lorrum resequi sequi ime ra volenim odistintur aut eariosa ndaessi tatquas peribus delit ma int volut laciunt erspedis ape nimincto ommolenisit vita dolecta volorec.

OUTSYSTEMS

Powered By

YES

Correct Name UseDO Refer to OutSystems in text, using capital letters O and S.

DON’T Write OutSystems incorrectly, use the logo in text block or make unauthorized locks.

Page 11: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

09

Rules

Correct Use Over ImagesDO Place the logo over an uncluttered area to ensure good readability. Mind the contrast and pick the appropriate logo version for each case.

DON’T Use the logo over faces, areas of poor contrast, where contrast changes and complex backgrounds that interfere with readability.

NO

YES

Page 12: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

10

Colors

Primary ColorsOutSystems main colors are Primary Red and Black. These should feature most brand materials. This red is the default to be used on diverse web and print branding materials. Examples: presentations, documents, give-aways. Note: This is NOT the same red as the logo.

OS Red #01

#CC2200 Pantone 1795C R:204 G:034 B:000C:000 M:100 Y:095 K:015

#00000 Pantone Black R:000 G:000 B:000C:000 M:000 Y:000 K:100

Black

OS Red #03OS Red #02#8c1700 R:140 G:023 B:000C:000 M:095 Y:100 K:050

#a61c00 R:166 G:028 B:000C:000 M:095 Y:100 K:030

Graded Tones

Page 13: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

11

Colors

Complementary ColorsAside from our 2 primary colors you can also use this set of 4 colors, and their graded tonnes, as complementary, whenever extra colors are needed to better communicate.

OS Eggplant #01

OS Eggplant #02

OS Eggplant #03

OS Blue #01

OS Blue #02

OS Blue #03

OS Turquoise #01

OS Turquoise #02

OS Turquoise #03

OS Yellow #01

OS Yellow #01

OS Yellow #01

#991f57 Pantone 234C R:153 G:031 B:087C:034 M:100 Y:044 K:015

#801a47 R:128 G:026 B:071C:034 M:100 Y:044 K:030

#661037 R:102 G:016 B:055C:34 M:100 Y:044 K:050

#285dab Pantone 285C R:040 G:093 B:171C:090 M:070 Y:000 K:000

#437bcc R:067 G:123 B:123C:075 M:045 Y:000 K:000

#1e4580 R:030 G:069 B:128C:098 M:087 Y:022 K:008

#42beabPantone 7465C R:066 G:190 B:171C:068 M:000 Y:042 K:000

#3aa693 R:058 G:166 B:147C:068 M:000 Y:042 K:015

#2d8576 R:045 G:133 B:118C:068 M:000 Y:042 K:035

#fdb515 Pantone 123C R:253 G:181 B:021C:000 M:032 Y:100 K:000

#ffc940 R:255 G:201 B:064C:000 M:032 Y:100 K:000

#d99b12 R:217 G:155 B:018C:000 M:032 Y:100 K:000

Graded Tones

Complementary Colors

Page 14: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

12

Typography

Branding FontsOutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography, both for print and screen appearance (including the website). Use this font family whenever possible to ensure coherent tone across all company’s materials. Typography is the vehicle for the language of our communication. It reinforces the recognition of OutSystems brand.

When using Myriad Pro is not possible (website, presentations run on computers that do not have Myriad Pro installed), use Open Sans font family.

OutSystems OutSystemsMain Font - Myriad Pro Alternative - Open Sans

Page 15: | Branding Guidelines - OutSystems › - › media › images › company › press-ki… · Branding Fonts OutSystems uses Myriad Pro (Light, Regular, Semibold) as its brand typography,

2018/05/23 - v1.00

| Branding Guidelines

Thank you.If you have any questions please direct them to

[email protected]


Recommended