On this page you’ll find our brand guidelines as well as downloadable assets that you can use in your own work, and instructions on how to properly use them.
Our logo is a combination of a wordmark, icon and our strapline “Skyrocket your sales”. Our icon is a shorter version of this.
Download logos
In high-awareness markets or in a situation where there isn’t enough space for our full logo we lead with our icon.
When placing a logo on a background, aim for a good contrast for proper readability. If the contrast is too low or the background too busy, adjust the background color/image or choose a different one.
Our brands signature colors are orange and gray, but we use a black and white version of our logo when necessary.
Don’t change the colors
Don’t strech or rotate
Don’t place over busy backgrounds
Don’t use on orange backgrounds
Don’t use on orange backgrounds
Don’t use the wordmark without the icon
Download our Style Guide to learn more about proper use of our brand assets.
Download Style GuideIf you want to follow our branding style you would use: Montserrat and Lato. Always try to use font colors that would provide a good contrast against the background color.
Never use Outbase orange as a font color.
Montserrat is used for headers, titles and anytime you want to accent or point attention. Line height and paragraph spacing for heading is: 1.1 x font size
Lato
Lato
Lato is used for every other type of copy: longer bodies of text, paragraphs, sentences, buttons, links etc. Line height and paragraph spacing for body text is: 1.4 x font size
You can find both Montserrat and Lato font families on the Google Fonts page.
#FE7904
#FFC99B
#FFF8F2
#3F3356
#CACCD1
#F4F5F6
While embracing a much more colorful language in our brand communications, Outbase orange is only used for certain accent elements such as different graphical shapes, and never used as a background for text or font color.
Download our Style Guide to learn more about proper use of our colors and brand assets.
Download Style Guide#D80F6F
#F5C3DB
#FDF3F8
#50248F
#D3C8E3
#F6F4F9
#4DA6F7
#D2E9FD
#F6FAFF
Primary gradient
Secondary gradient
