8/10/2019 S__aa_su

1/24

Brand GuidelinesGuidance for partners and media

on logo usage, typographyand brand colours

8/10/2019 S__aa_su

2/24

2

Page

1 Logo & variations

Section

Saasu

Brand guidelines

1.1 Icon

Subsection

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.

INTRODUCTION

8/10/2019 S__aa_su

3/24

SECTIONS

Document contents

Section 1

Logo & variations

Pages 613

Section 2

Typography

Pages 1423

Section 3

Colour

Pages 2427

8/10/2019 S__aa_su

4/24

4

Page

Saasu

Brand guidelines

2.1 Icon

Subsection

2 Typography

Section

SECTION 1

Logo & variations

1.1

Media/Partner Logo

Page 6

1.2

Separate Usage

Page 7

1.3

Exclusion Zone

Page 8

1.4

Minimum sizing

Page 9

1.5Incorrect usage

Page 10

1.6

Lock up colour variations

Page 11

1.7

Icon colour variations

Page 12

1.8

Logotype colour variations

Page 13

8/10/2019 S__aa_su

5/24

8/10/2019 S__aa_su

6/24

6

Page

1 Logo & variations

Section

Saasu

Brand guidelines

1.1 Media/Partner Logo

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

8/10/2019 S__aa_su

7/24

7

Page

1 Logo & variations

Section

Saasu

Brand guidelines

1.2 Separate Usage

Subsection

Separate usage The icon and wordmark can be used independently whenrepresenting 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.

8/10/2019 S__aa_su

8/24

8

Page

1 Logo & variations

Section

Saasu

Brand guidelines

1.3 Exclusion Zone

Subsection

Exclusion zone To ensure legibility and to prevent any obstructionof the Saasu logo, always maintain a minimum

space around it. The spacing around the logo should be at

least the value of X.

X

8/10/2019 S__aa_su

9/24

9

Page

1 Logo & variations

Section

Saasu

Brand guidelines

1.4 Minimum Sizing

Subsection

Minimum sizing Use the following as a guide for minimum sizing for thevarious logos for screen and print application.

Lockup minimum sizing for print use

Lockup minimum sizing for screen use

mm print

px screen

8/10/2019 S__aa_su

10/24

10

Page

Saasu

Brand guidelines

2 Typography

Section

1.5 Incorrect usage

Subsection

Incorrect usage

Apply any kind of gradient

Alter the ratio relationship

between the s device and

the box

Use the s device without

the box or as a graphic

element on its own

Use any other shape

Use the box as a window

for an image

Apply any kind of

rotation, angle, skew or

distort to the icon

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.

8/10/2019 S__aa_su

11/24

11

Page

1 Logo & variations

Section

Saasu

Brand guidelines

1.6 Lock up colour variations

Subsection

On white/light background

On Dark background

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

Colour

Mono

Mono

8/10/2019 S__aa_su

12/24

12

Page

1 Logo & variations

Section

Saasu

Brand guidelines

1.7 Icon colour variations

Subsection

On Saasu yellow background

On white/light background

On Saasu orange background

On black/dark background

Icon colour

variations

These are the correct icon colour combinations for use on

the different background colours. Please see page 22 for

colour values.

8/10/2019 S__aa_su

13/24

13

Page

1 Logo & variations

Section

Saasu

Brand guidelines

1.8 Logotype colour variations

Subsection

On white/light background

On Dark background

Logotype colour

variations

These are the correct logotype colour combinations for use on

the different background colours. Please see page 22 for

colour values.

8/10/2019 S__aa_su

14/24

SECTION 2

Typography

2.1

Primary typeface

Page 1617

2.2

Secondary typeface

Page 1819

8/10/2019 S__aa_su

15/24

8/10/2019 S__aa_su

16/24

16

Page

Saasu

Brand guidelines

2 Typography

Section

2.1 Primary typeface

Subsection

AvenirNext

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.

Primary

typeface

8/10/2019 S__aa_su

17/24

17

Page

Saasu

Brand guidelines

2 Typography

Section

2.1 Primary typeface

Subsection

Saasu provides smallto medium businesseswith an effective

online accounting webapplication.

Primary typeface

Avenir Next in use

8/10/2019 S__aa_su

18/24

18

Page

Saasu

Brand guidelines

2 Typography

Section

2.2 Secondary typeface

Subsection

FFMeta

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.

Secondary

typeface

8/10/2019 S__aa_su

19/24

19

Page

2 Typography

Section

2.2 Secondary typeface

Subsection

Saasu

Brand guidelines

Saasu provides smallto medium businesseswith an effective

online accounting webapplication.

Secondary typeface

FF Meta in use

8/10/2019 S__aa_su

20/24

SECTION 3

3.1

Primary colours

for screen

Page 22

3.2

Primary colours

for print

Page 23

Colour

8/10/2019 S__aa_su

21/24

8/10/2019 S__aa_su

22/24

22

Page

Saasu

Brand guidelines

3 Colour

Section

3.1 Primary colour palette

Subsection

Primary colour palette:

Screen

Saasu Yellow

Hex Code: # ffcb39R: 255 G: 203 B:57

Saasu Black

Hex Code: # 1b1b1bR: 27 G: 27 B: 27

Saasu Grey

Hex Code: # 9b9b9bR: 155 G: 155 B: 155

Saasu White

Hex Code: # ffffffR: 255 G: 255 B: 255

Saasu Orange

Hex Code: # ff850dR: 255 G: 133 B:13

8/10/2019 S__aa_su

23/24

Saasu Yellow

Pantone 7404 UC: 0 M: 15 Y:90 K:0

Saasu Black

Pantone Black 2 UC: 0 M: 0 Y: 0 K: 100

Saasu Grey

Pantone Black 2 UC: 0 M: 0 Y: 0 K: 50

Saasu Orange

Pantone 1505 UC: 0 M: 65 Y:81 K:0

23

Page

Saasu

Brand guidelines

3 Colour

Section

Primary colour

palette:Print

3.2 Primary colours for print

Subsection

8/10/2019 S__aa_su

24/24

Saasu

Brand guidelines

March 2o13

This document is based on brand guidelines developed by

hello@studiosammut.com.au

studiosammut.com.au