Brand Guidelines

Guidance for partners and media

on logo usage, typography
and brand colours

Saasu

1 Logo & variations

1.1 Icon

Page

Brand guidelines

Section

Subsection

INTRODUCTION

Where it all comes together

This document is a guide to Saasus visual identity,
the elements that come together to form this and
their correct usage.

Sections

Document contents

Section 1
Logo & variations
Pages 613

Section 2
Typography
Pages 1423

Section 3
Colour
Pages 2427

Saasu

2 Typography

2.1 Icon

Page

Brand guidelines

Section

Subsection

section 1

Logo & variations

1.1

1.6

Media/Partner Logo

Lock up colour variations

Page 6

Page 11

1.2

1.7

Separate Usage

Icon colour variations

Page 7

Page 12

1.3

1.8

Exclusion Zone

Logotype colour variations

Page 8

Page 13

1.4
Minimum sizing
Page 9

1.5
Incorrect usage
Page 10

Saasu

1 Logo & variations

1.1 Media/Partner Logo

Page

Brand guidelines

Section

Subsection

Media/Partner
Logo lockup

In most instances this media/partner specific Saasu logo lock

up should be used for external use to ensure consistency. The
arrangement of the icon and logotype cannot be altered in
any way.
Please use appropriate colour settings for correct use. The following files are provided:
RGB: Saasu_logo_lockup_media_rgb.eps
CMYK: Saasu_logo_lockup_media_cmyk.eps
Greyscale: Saasu_logo_lockup_media_greyscale.eps

Saasu

1 Logo & variations

1.2 Separate Usage

Page

Brand guidelines

Section

Subsection

Separate usage

The icon and wordmark can be used independently when

representing Saasu. They must not appear together unless
using the media/partner logo lock up.
When used separately the same principle usage applies for
minimum sizing, exclusion zone, incorrect usage and colour.

Saasu

1 Logo & variations

1.3 Exclusion Zone

Page

Brand guidelines

Section

Subsection

Exclusion zone

To ensure legibility and to prevent any obstruction

of the Saasu logo, always maintain a minimum
space around it. The spacing around the logo should be at
least the value of X.

Saasu

1 Logo & variations

1.4 Minimum Sizing

Page

Brand guidelines

Section

Subsection

Minimum sizing

Use the following as a guide for minimum sizing for the

various logos for screen and print application.

20px screen

Lockup minimum sizing for screen use

6mm print

Lockup minimum sizing for print use

10

Saasu

2 Typography

1.5 Incorrect usage

Page

Brand guidelines

Section

Subsection

Incorrect usage

Any alterations to the Saasu logo are prohibited in any

way, these are examples of what not to do to the logo as
demonstrated on the icon.

01
Apply any kind of gradient

02
Alter the ratio relationship
between the s device and
the box
01

02

03

04

05

06

03
Use the s device without
the box or as a graphic
element on its own

04
Use any other shape

05
Use the box as a window
for an image

06
Apply any kind of
rotation, angle, skew or
distort to the icon

11

Saasu

1 Logo & variations

1.6 Lock up colour variations

Page

Brand guidelines

Section

Subsection

Logo lock up
colour variations

These are the correct logo colour combinations for use on

the different background colours. The logo should always try
to appear on a solid flat colour.
Please see page 22 for colour values.

Colour

Mono

On white/light background

Colour

On Dark background

Mono

12

Saasu

1 Logo & variations

1.7 Icon colour variations

Page

Brand guidelines

Section

Subsection

Icon colour
variations

These are the correct icon colour combinations for use on

the different background colours. Please see page 22 for
colour values.

On white/light background

On black/dark background

On Saasu yellow background

On Saasu orange background

13

Saasu

1 Logo & variations

1.8 Logotype colour variations

Page

Brand guidelines

Section

Subsection

Logotype colour
variations

These are the correct logotype colour combinations for use on

the different background colours. Please see page 22 for
colour values.

On white/light background

On Dark background

section 2

Typography

2.1
Primary typeface
Page 1617

2.2
Secondary typeface
Page 1819

16

Saasu

2 Typography

2.1 Primary typeface

Page

Brand guidelines

Section

Subsection

Primary
typeface

Saasus primary typeface is Avenir Next which is available

in various weights and is intended for both screen and print
usage. Avenir Next is a modern geometric/humanist sans serif
based on similar typefaces from the Bauhaus era.

Avenir
Next

17

Saasu

2 Typography

2.1 Primary typeface

Page

Brand guidelines

Section

Subsection

Saasu provides small

to medium businesses
with an effective
online accounting web
application.

Primary typeface
Avenir Next in use

18

Saasu

2 Typography

2.2 Secondary typeface

Page

Brand guidelines

Section

Subsection

Secondary
typeface

Saasus secondary typeface is FF Meta which is available in

various weights and is intended for both screen and print
usage. FF Meta is a sturdy sans serif which has been designed
for optimal legibility at small sizes for both screen and print. It
has a more serious tone and has been chosen to compliment
the more humanist nature of Avenir Next.

FF
Meta

19

Saasu

2 Typography

2.2 Secondary typeface

Page

Brand guidelines

Section

Subsection

Saasu provides small

to medium businesses
with an effective
online accounting web
application.

Secondary typeface
FF Meta in use

section 3

Colour

3.1
Primary colours
for screen
Page 22

3.2
Primary colours
for print
Page 23

22

Saasu

3 Colour

3.1 Primary colour palette

Page

Brand guidelines

Section

Subsection

Primary colour palette:

Screen

Saasu Yellow

Saasu Orange

Hex Code: # ffcb39

R: 255 G: 203 B:57

Hex Code: # ff850d

R: 255 G: 133 B:13

Saasu Black

Saasu White

Hex Code: # 1b1b1b

R: 27 G: 27 B: 27

Hex Code: # ffffff

R: 255 G: 255 B: 255

Saasu Grey
Hex Code: # 9b9b9b
R: 155 G: 155 B: 155

23

Saasu

3 Colour

3.2 Primary colours for print

Page

Brand guidelines

Section

Subsection

Primary colour
palette:
Print

Saasu Yellow

Saasu Orange

Pantone 7404 U
C: 0 M: 15 Y:90 K:0

Pantone 1505 U
C: 0 M: 65 Y:81 K:0

Saasu Black
Pantone Black 2 U
C: 0 M: 0 Y: 0 K: 100
Saasu Grey
Pantone Black 2 U
C: 0 M: 0 Y: 0 K: 50

Saasu

March 2o13

Brand guidelines

This document is based on brand guidelines developed by

hello@studiosammut.com.au
studiosammut.com.au