Brand book.
creating value
Company visual identity guidelines.
The name "Sombra" is taken from Stephen King's book "Dark Tower", in which the so-called big corporation is called. The word "sombra" in Spanish is translated as "shadow".
V.1 November 2018
S
SOMBRA BRAND GUIDLINES
V.1
Content
1.0 Company vision page 04 - 05
8.0 Typo and fonts page 14 - 17
2.0 Our values page 06 - 07
9.0 Presentation page 18 - 19
3.0 Our mission page 08 - 09
10
Business cards page 20
4.0 Corporate logo page 10
11
Company blank page 21 - 25
5.0 Colors page 11
12
Branding page 26 - 31
02
November 2018
6.0 Using other logos page 12 7.0 Dont’s page 13
SOMBRA BRAND GUIDLINES
V.1
03
November 2018
Brand book These are company guidelines which explain how overview to use the Sombra identity with confidence and clarity. The Sombra logo is an important asset of the company, providing a legal trademark and guarantee of quality. These guidelines demonstrate the flexibility within our brand identityand should be used to inspire and guide creative expression. Our identity, color palette, and typographic style create a distinct framework for our company.
05
Our vision
Grow soft The b to w
COMPANY VISION
sombra brandbook 04
wing reliable tware company. best people work with.
05
Our values Proactivity We are responsible for our decisions and actions. We do not explain the results of our actions as influenced by external factors. We take the initiative and do our best to get the result.
Making the customer happy
We understand the goals of our customers and help them achiev We do more than agree beforehand, and the result of our work e We solve the problems of our customers' business.
COMPANY VALUES
sombra brandbook 06
Changes
Self-development
We encourage changes and movement forward. We adapt easily to changes in the environment.
We divide self-development into professional and personal. We work on ourselves and develop in both directions. We like what we do.
eve them. exceeds expectations.
Open and honest relationships We create such relationships with colleagues and customers. We respect each other and our customers. If something is wrong, we speak about it.
07
Our mission
Crea for o and
COMPANY MISSION
sombra brandbook 08
ating value our customers employees.
09
Use of Corporate Logo Brand Mark Guidelines
Logo Type
Main logotype
Full logotype
Main byline
Second byline
Second full logotype
Minimum free space
2x
x
x
85 pixels / 15mm (screen / print) Minimum size (full logo)
Horizontal Logo Mark
Full color positive
Reverse
A byline is only to contain ‘software development’ or company mission (slogan). It’s never to contain any other information than this.
CORPORATE LOGO
sombra brandbook 10
Colors Corporate colors and we are flexible
GREEN R G B
41 128 63
C M Y K
84 26 100 13
PANTONE P 146-6 C
HEX #29803f
BLACK R G B
20 21 25
C M Y K
76 69 63 79
HEX #141519
GREY R G B
229 229 229
C M Y K
9 6 7 0
HEX #e5e5e5
11
Using other Logos Brand Mark Guidelines
TechTalks logo
ITC Bauhaus font
TravelClub Logo
ITC Bauhaus font
Sombra Money Logo
ITC Bauhaus font
Sombra University Logo
Proxima Nova font
OTHER LOGO
sombra brandbook 12
Don’ts The following examples illustrate incorrect use of the Sombra logo.
Do not rotate the logo.
Do not change the typeface nor recreate or
Do not outline or create a keyline
manipulate the wordmark and the slogan.
around the logo.
Do not place the logo on dark backgrounds
Do not use light colored logotype artwork
Do not place the logo over busy photographic
or complex backgrounds.
on white or light backgrounds.
backgrounds.
(Don’t place the logo on backgrounds that provide insufficient contrast).
growing reliable
Do not create logo “lockups” by adding
Do not fill with patterns.
Do not fill the logo with different colors.
text that have different subtext.
13
Typography In communications that promote more than the company name, the typography must be presented with prominence and frequency equal to ITC Bauhaus in lower case.
We use ITC Bauhaus, the classic sans with its open-ended counterforms and curvaceous, rounded lines – was designed by Edward Benguiat and Victor Caruso in 1975, and now become a longstanding core element of our visual identity.
ITC Bauhaus Medi
ITC Bauhaus Dem TYPOGRAPHY
sombra brandbook 14
.,:!/(#%@)\
ium
.,:!/(#%@)\
mi 15
Suggested fonts to use Font examples of what’s possible with our visual identity system
Our fonts align with our visual identity We have a family of fonts, each with specific usages. They come together to form a modern brand while being optimized for ease-of-use/ implementation across different purposes. You will see these fonts used in communications, materials and assets delivered to you from company.
TYPOGRAPHY
sombra brandbook 16
Font family
Print / On S
Roboto
AaBbC UuVvW
Proxima Nova
AaBbC UuVvW
Gotham Pro
AaBbC UuVvW
Gilroy
AaBbC UuVvW
Futura PT
AaBbCc UuVvW
Stolzl
AaBbC UuVvW
Museo
AaBbC UuVvW
Averta Std
AaBbC UuVvW
Ubuntu
AaBbC UuVvW
Screen
cDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt WwXxYyZz.,:! (#%@)\1234567890/
cDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt WwXxYyZz.,:! (#%@)\1234567890/
CcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt WwXxYyZz.,:! (#%@)1234567890
CcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt WwXxYyZz.,:! (#%@)1234567890
cDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt wXxYyZz.,:! (#%@)1234567890
CcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt WwXxYyZz.,:! (#%@)1234567890
CcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt WwXxYyZz.,:! (#%@)1234567890
CcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt WwXxYyZz.,:! (#%@)1234567890
cDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTt WwXxYyZz.,:! (#%@)1234567890
17
Presentations What we want people to think: It’s modern, It’s simple and easy, It’s helpful, It feels like Sombra
We keep text, logo and all elements on slide clean and siimple without additional shapes
We help your company to create value through innovative technology solutions. sombrainc.com
What we do in Fintech Personal account and personal finance solutions Secure mobile and web solutions Identity management Asset management and monitoring Investment management system Digital lending solutions
PRESENTATIONS
sombra brandbook 18
We keep tight all element of the slide in one visual shape (if there is not much text)
Text on one side, images on another
We keep logo on every slide, with grey backround or without
We use Proxima Nova and Roboto as additional font (or other sugested font accordingly to the visual needs)
19
Business cards Divided into three understandable sections: company website, name and position, contacts.
website.com
Photo
Name Surname Position
adress email adress phone number
Without Photo incuding
Sample 1
denver.sombrainc.com Gilroy font
Viktor Chekh
CEO, Co-founder Futura PT Medium
1550 Wewatta St, Denver, CO viktor@sombrainc.com (929) 217-3415
Sample 2
BUSINESS CARD
Futura PT Medium
sombra brandbook 20
01. Social Media Icons 02. Invoice/Estimate blank sample 03. Letterhead sample
01
Company blank
The Sombra stationery is designed on 11 column grid. The use of this grid will help to achieve a consistent look and ensure that all type elements line-up correctly. Each column is 12.3 mm wide with a 5 mm gutter. Left and bottom are set at 15 mm, and right, top are set at 10 mm. The sheet is conventionally divided into two parts. The narrow left is for a logo, a slogan, a photo or a title, an address. The right (the main part) is for the text, invoices, tables etc. Supervisory examples are presented below.
02
03
21
Content below this line
70 mm
10 mm
0 mm
1
5 mm
15 mm
0 mm
2
sombra brandbook 22-23
5 mm
BLANK GUIDLINES
3
4
5
6
7
8
9
10
11
210 mm
200 mm 5 mm
5 mm
5 mm
5 mm
5 mm
5 mm
5 mm
5 mm
297 mm
282 mm
10 mm
0 mm
15 mm
2
3
4
5
7 5 mm
5 mm
Sombra Inc. Uhorska St, 14, Lviv, 79000, Ukraine
6
8
10
5 mm
5 mm
11
phone: +38 032 253 8076 info@sombrainc.com www.sombrainc.com
9
200 mm 5 mm
5 mm
5 mm
5 mm
As Cicero's text doesn't contain the letters K, W, or Z, alien to latin, these, and others are often inserted randomly to mimic the typographic appearence of European languages, as are digraphs not to be found in
Lorem ipsum is mostly a part of a Latin text by the classical author and philosopher Cicero. Its words and letters have been changed by addition or removal, so to deliberately render its content nonsensical; it's not genuine, correct, or comprehensible Latin anymore. While lorem ipsum's still resembles classical Latin, it actually has no meaning whatsoever.
Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It's also called placeholder (or filler) text. It's a convenient tool for mock-ups. It helps to outline the visual elements of a document or presentation, eg typography, font, or layout.
Dear Sir,
1
5 mm
0 mm
sombra brandbook 24-25
5 mm
BLANK GUIDLINES
210 mm
297 mm
282 mm
Its words and letters have been changed by addition or removal, so to deliberately render its content nonsensical; it's not genuine, correct, or comprehensible Latin anymore.
Lorem ipsum 2 is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It's also called placeholder (or filler) text. It's a convenient tool for mock-ups. It helps to outline the visual elements of a document or presentation, eg typography, font, or layout. Lorem ipsum is mostly a part of a Latin text by the classical author and philosopher Cicero.
the original.
Corporate branding
CORPORATE BRANDING
sombra brandbook 26
CORPORATE BRANDING
sombra brandbook 28
29
Corporate branding We are using
CORPORATE BRANDING
sombra brandbook 30
Lviv
Ivano-Frankivsk
Uhorska St, 14, Lviv, Ukraine
Zoriya St, 7Đ?, Ivano-Frankivs'k, Ukraine
+38 (032) 253 80 76
if.info@sombrainc.com
info@sombrainc.com