Digital Identity Style Guide

StackAdapt Brand Guidelines - P01 Version 2.0

October, 2017

Table of Contents

WELCOME

IDENTITY GUIDE

OUR LOGO

CORE COLOUR PALETTE

TYPOGRAPHY

IMAGERY

01

03

05

10

12

15

Welcome!

This guide is an overview of brand assets and

product for StackAdapt. It includes logo guidelines,

image assets, typographic info for use in your

marketing materials.

StackAdapt Brand Guidelines - P02 Version 2.0

Identity Guide

Thanks for your interest in StackAdapt. We have a few guidelines for using our brand resources—

please take a moment to familiarize yourself with them. You can download individual assets in

www.stackadapt.com/brand

If none of these use cases apply to you or your request is not addressed by this guide book, we require

that you submit your StackAdapt brand usage request through help@stackadapt.com

StackAdapt Brand Guidelines - P03 Version 2.0

Do Don’t

Display only brand assets downloaded

from the branding page

Provide adequate spacing around

StackAdapt’s brand assets

Use the version which best suits the

context and style of your project

Manipulate the brand assets in any way

(colours, orientation, etc.)

Use StackAdapt’s brand assets on any

products or merchandise without

express written permission

Use older versions of StackAdapt’s

brand assets

StackAdapt Brand Guidelines - P04 Version 2.0

StackAdapt Brand Guidelines - P05 Version 2.0

The Logo

This is the main StackAdapt logo. It should be used in this

form whenever possible.

StackAdapt Brand Guidelines - P06 Version 2.0

The Inverted Logo in Green Background

This version with the white word mark works well on green background.

The Inverted Logo in Dark Background

This version with the white workmark works well on dark and busy backgrounds.

StackAdapt Brand Guidelines - P07 Version 2.0

The Exclusion Zone

In order to preserve the integrity of the logo-mark, it is important that no other logos, type or other graphic elements infringe on its space.

StackAdapt Brand Guidelines - P08 Version 2.0

The Exclusion Zone (Examples)

This page illustrates why the clear space is so important. In the top two examples, other elements come much too close to the StackAdapt logo, creating a messy visual.

NONO

YESYES

StackAdapt Brand Guidelines - P09 Version 2.0

Logo Misuse

It is important that the appearance of the Logo remains consistent. The Logo should not be misinterpreted, modified, or added to.

NONO NO

NONO NO

StackAdapt Brand Guidelines - P10 Version 2.0

StackAdapt Brand Guidelines - P11 Version 2.0

#3BF4C6 #3381EC→

Primary Gradient Secondary Gradient

#B3FFAB #12FFF7→

*when using gradients on top of one another, switch directions to avoid clashing

Playfair Display Bold

Roboto Light

Roboto Light

Get Started

Learn More

Download

hello@stackadapt.com

Link

Typeface: Roboto Light

Font Size: 12

# 666666

Third Level

Typeface: Roboto Bold

Font Size: 16

Second Level / Body

Typeface: Roboto 400 Regular

Font Size: 16

# 666666

Headline

Typeface: Roboto 300 Thin

Font Size: 36

# 262A36

Display/Headline

Typeface: Playfair Display Bold

Font Size: 36

# 262A36

StackAdapt Brand Guidelines - P12 Version 2.0

#00D5B0

# 000000

# 000000

Playfair Display Bold

StackAdapt Brand Guidelines - P13 Version 2.0

ABCDEFGHIGKLMN OPQRSTUVWXYZ

abcdefthigklmnopqrstuvwxyz

1234567890?!Numbers

Letters

Roboto Light

StackAdapt Brand Guidelines - P14 Version 2.0

ABCDEFGHIGKLMN OPQRSTUVWXYZ

abcdefthigklmnopqrstuvwxyz

1234567890?!

Numbers

Letters

StackAdapt Brand Guidelines - P15 Version 2.0

Imagery is more than decoration. It’s a powerful tool to help

you communicate and differentiate your product.

You can download all photo assets in

https://www.flickr.com/photos/stackadapt

Thanks!

If you are having trouble with anything in this guide, you are

missing brand elements from the Brand Package, or you are unsure

if your communication best represents the StackAdapt Brand,

please contact one of the StackAdapt teams.

help@stackadapt.com