Brand Styleguide

Be bold
Be cool
Be raw
Be rockin'
Be rollin'
Be chillin'
Be brave
Be geeky
Be cheeky
Be easy
Be loud
Be anything
just be
smuug.
Be bold
Be cool
Be raw
Be rockin'
Be rollin'
Be chillin'
Be brave
Be geeky
Be cheeky
Be easy
Be loud
Be anything
just be
smuug.

Be
Smuug

We love how we look. Our customers love it too. So if you wanna roll with us, you have to roll like us.
This styleguide tells you everything you need to know so that you can walk our walk and talk our talk.

let’s get to it.

01.
logo

raw
logo-01-1
our logo is our rep. we work hard to make sure that wherever people see it, they see us. Don’t mess with our rep.

in practical terms this means only use our logo in the ways shown in this styleguide. If it isn’t in this guide, don’t do it. or else.
there are only two versions of our logo; this one ↓
smg-logo-white.png
and this one ↓
smg-logo-blk.png
that’s it. no other choices. if you see it somewhere and it isn’t one of these two, don’t copy it (even if you think it looks cool), and let us know where you saw it.

These are some of the things you shouldn’t do to our logo ↓

Do not rotate

Do not squash or stretch

Do not apply shadows or effects

Do not change or color or opacity

Maintain light contrast

Maintain dark contrast

we also have a forcefield around our logo to repel any aliens (otherwise known as clearspace). This barrier prevents anything obscuring our logos visibility.

The Clearspace is equal to half the width of the logo underscore.
logo-01
logo-01-1-2
Whilst there are rules that restrict how our logo can be used, we do like to have fun with it in other ways. Like these cool patterns ↓
but you should only use the patterns in the preset formats we provide. here’s an example of how we use patterns ↓
logo-Pat-01-1
logo-Pat-01-2

02.
TYPE

typo-01-0
typo-01-1
Type is a really important part of our look. we use it to create a unique style.
to keep things simple (and consistent) we only use a single typeface – ITC Franklin Gothic Condensed.

from this typeface family, we use three font weights; book, medium, and demi. check them out ↓
type-01-1
type-01-2
type-01-3
Now you know which fonts we use, let’s show you how we like to use them. ↓

We like to keep Tracking and leading (spacing between letters and lines)  tight, but not too tight.

type-02-1
type-02-2
type-02-3
we like our messages loud and clear, so we tend to use uppercase quite a bit.

And we always make certain to distinguish between titles and subtitles using different font weight and size combinations.

03.
COLOR

typo-01-0
typo-01-1
Type is a really important part of our look. we use it to create a unique style.
to keep things simple (and consistent) we only use a single typeface – ITC Franklin Gothic Condensed.

from this typeface family, we use three font weights; book, medium, and demi. check them out ↓
type-01-1
type-01-2
type-01-3
Now you know which fonts we use, let’s show you how we like to use them. ↓

We like to keep Tracking and leading (spacing between letters and lines)  tight, but not too tight.

type-02-1
type-02-2
type-02-3
we like our messages loud and clear, so we tend to use uppercase quite a bit.

And we always make certain to distinguish between titles and subtitles using different font weight and size combinations.