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 hello@skillit.com 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