Brand
guidelines
202 2 | V ER SIO N 1.0
Brand guidelines
Content 3 Logotype
4 Symbol
7 Logotype colours
8 Clearspace
9 Minimal sizes
10 Logo misuse
11 Colours
12 Typeface
13 Photography style
14 Brand in use
17 Letterhead
18 Social media
19 Presentation
2
Brand guidelines
Wordmark
Skillit logotype captures the essence of the
brand by integrating the concepts of growth,
evaluation, and progress into the wordmark.
The letters of the logo gradually go upwards,
resembling a bar chart with increasing values.
The rising bars are indicating growing skills and
evaluation of the level of seniority.
3
Brand guidelines
Symbol
Three letters of the wordmark make a three-
bar symbol which can be used as a small icon
or a large graphic element.
There are two versions of the symbol, each
adjusted to use in small or large scale.
Please use small symbol or large symbol
depending on the purpose of use.
S MALL SYM BO L L ARG E SYM BO L
Used as small icon for Used as a graphic
example as a favicon. element for example as
a background image.
4
Brand guidelines
Symbol
SMALL SYMBOL
When the logo must be used in a very
small size, a symbol can be used.
Use it for:
- Social media profile picture;
- Favicon (website icon);
- Badge.
Please use a file named small symbol
for use in small spaces.
5
Brand guidelines
Symbol
LARGE SYMBOL
A large-scale symbol can be used as a
graphic element or as an image container.
Please use a condensed version of the
symbol, adjusted for large scale use -
named large symbol.
6
Brand guidelines
Logotype colours
The primary colours of the logotype are
black, green and white.
7
Brand guidelines
Clearspace
Clearspace isolates the logo from competing X
visual elements. It is used to ensure maximum
legibility and readability of the logo.
Use the height of the letter “s” as a measuring tool
to maintain sufficient clearspace around the logo. X
8
Brand guidelines
Minimal sizes
The minimal size of the logo is
determined by its width, which should
be no less than:
Logotype
20 mm / 75 px
Symbol
5 mm / 18 px
PRI NT PRI NT
Minimum 20 mm Minimum 5 mm
SCREEN SCREEN
Minimum 75 px Minimum 18 px
9
Brand guidelines
Logo misuse
Do not rotate the logo. Do not use a symbol
together with the
wordmark.
Do not scale the logo Do not add an effect
unproportionally. to the logo, including
drop shadows, bevels or
gradients.
Do not change the Do not use the logo on
colour of the logo. busy backgrounds when
readability is affected.
10
Brand guidelines
Colours
Our colour palette is an essential tool in WHITE GREEN BLACK
building a distinctive and recognisable C0 M90 Y0 K0 C56 M42 Y0 K0 C0 M0 Y0 K100
brand identity. R252 G252 B252 R0 G235 B60 R25 G25 B25
#FFFFFF #00eb3c #191919
Green, white and black are the primary Pantone 2357C Pantone Black C
colours. Use a generous amount of white
space with green colour to give your
content room to breathe.
11
Brand guidelines
Typeface
Primary Typeface DM Sans DOWNLOAD
DM SANS
DM Sans
We use DM Sans for all main headlines, titles
and body copy across all communication.
DM Sans Regular Aa Ąą Bb Cc Dd Ee Ęę Ff Gg Hh Ii Įį Jj Kk Ll Mm Nn Oo
Pp Rr Ss Šš Tt Uu Ūū Ųų Vv Zz Žž 1234567890
DM Sans Bold Aa Ąą Bb Cc Dd Ee Ęę Ff Gg Hh Ii Įį Jj Kk Ll Mm Nn Oo
Pp Rr Ss Šš Tt Uu Ūū Ųų Vv Zz Žž 1234567890
System font
HELVETICA / ARIAL
In instances when system fonts are essential
(e.g. email signatures), please use Helvetica /
Arial
12
Brand guidelines
Photography style
Skillit photography style is light, natural
and optimistic. We show happy and active
people in office surroundings.
13
Brand guidelines
Brand in use
14
Brand guidelines
Brand in use
We use a variety of layouts to create an
engaging experience on all media channels:
- Use the symbol as a graphic element for
the background;
- Use the symbol as an image container;
- Use a full-width logo for bold and
impactful design;
- Use bright green colour as an accent
colour to create clean and professional
layouts or use green colour for the
background to create bold layouts;
- Use a generous amount of white space
with green colour to give your content room
to breathe.
15
Brand guidelines
Brand in use
We use a variety of layouts to create an
engaging experience on all media channels:
- Use the symbol as a graphic element for
the background;
- Use the symbol as an image container;
- Use a full-width logo for bold and
impactful design;
- Use bright green colour as an accent
colour to create clean and professional
layouts or use green colour for the
background to create bold layouts;
- Use a generous amount of white space
with green colour to give your content room
to breathe.
16
Brand guidelines
Letterhead
Address line T +370 611 12345 Loem ipsum
City, Country [email protected] Dolor sit amet
Lorem ipsum dolor sit amet,
2023 03 01 consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis
autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Ut wisi enim ad minim,
Duis autem vel
skillit.com
17
Brand guidelines
Social media
We use a variety of layouts to create an
interesting and engaging experience on
our social media channels.
18
Brand guidelines
Social media
We use a variety of layouts to create an
interesting and engaging experience on
our social media channels.
19
Brand guidelines
Presentation deck
20
202 2 | V E R S I O N 1 .0
