Table of Contents

Brand Story

Logo

Colors

Typography

Illustrations

unbabel-heade-banner_normal-state unbabel-header-banner_rollover

Table of Contents


Brand Story

Logo

Colors

Typography

Illustrations


Brand Story


Unbabel enables people to communicate instantly, no matter what language they speak.


Our brand represents our commitment to provide high quality translations, to promote LangOps, also known as Language Operations, and to sustain our unique interactions between Unbabel agents, machine translation, language specialists, and our customers.


Visit our website
brandpad_brandstory-header_test_300dpi
domain-adapted-ml_black

Our Purpose


To create a world without language barriers.

dedicated_black

Our Vision


To become the world's translation layer.

verified_black

Our Mission


To build a universal language operations platform.

Brand Promise

Unbabel eliminates language barriers so businesses can thrive across cultures and geographies. 


We are building an end-to-end language operations platform, enabling businesses to expand to new corners of the world, discover unexpected markets, and build customer loyalty and trust.


Unbabel PR Boilerplate

Unbabel enables enterprises to offer seamless global support in any channel, and in any language. 


The company’s AI-powered language operations platform combines the speed of machine translation with the polish of native-speaking editors, enabling enterprises to grow and build customer trust in every corner of the world.



Logo


Our logo is the combination of our logomark and a simple and modern wordmark. 


Represented as a twisted ribbon, our mark metaphorically symbolizes the elemental nature of language and the fluid translations Unbabel seeks to provide through universal language communications.

Download logos
brandpad_section-2_logo-header


Primary Logos


Unbabel's primary logo is the horizontal logo. 


The vertical logo should only be used when the horizontal logo cannot be used.

unbabel-blue-on-white unbabel-white-h-logo-on-blue

Horizontal Logo

blue-vertical-logo-on-white white-vertical-logo

Vertical Logo

Logo Usage


To maintain consistency and brand integrity, our logo should not be used in the following ways:


❌1. Do not use only the word mark. Only use the logo or brandmark. 


❌2. Do not change the color to anything other than: Unbabel blue, white, black, or gray.


❌3. Do not alter the logo in any way. 


❌4. Do not put the logo on low contrasting colors and busy backgrounds.



version-2-logo-horizontal-vertical-dos-donts

Brandmark


The Unbabel brandmark is a twisted ribbon that represents fluidity, giving a nod to AI and humans working together.


The brandmark should only be used specifically for social media and decorative purposes.

group-33blue-logo white-logo
social-media-example-blue-logo social-media-example-white-logo

Brandmark Usage


Similar to our logo, the Unbabel brandmark should maintain it's integrity. 


❌1. Do not change the color to anything other than: Unbabel blue, white, black, or gray.


❌2. Do not put the brandmark on low contrasting colors and busy backgrounds.


❌3. Do not alter the brandmark in any way. 


❌4. Social Media: Do not put the brandmark anywhere other than the bottom right corner.

version-2-brandmark-rules-dos-donts

Logo and Brandmark 

Safe Area


Using our brandmark as a baseline, the Unbabel logo and brandmark should have a "safe area." 


The safe area refers to the minimum area of white space around the identities. This ensures that our logo will be visible and clearly distinct. 

safe-area-clear-spacing


Colors


Our colors are diversified to represent the vibrant nature of language and AI + human interaction. 


In addition to our primary brand colors: blue, white, and black, Unbabel uses secondary colors and pastels to add contrast and definition to our brand assets.

Download color palette
color-section_header-image

Primary Colors

Unbabel's primary colors are Unbabel Blue, White, and Black. These colors are used consistently throughout our brand. 



Unbabel Blue

Hex   #3843d0

RGB  56, 67, 208



White

Hex   #FFFFFF

RGB  255, 255, 255



Black

Hex   #040237

RGB  4, 2, 55

Secondary Colors

Unbabel's secondary color palette are used as highlights. Combine these with our primary colors to add dimension and constrast. Do not combine more than two highlight colors.

Pastel Green

Hex   #6AC7B7

RGB  106, 199, 183

Evergreen

Hex   #195350

RGB  25, 83, 80

Yellow

Hex   #FEC14C

RGB  254, 193, 76

Orange

Hex   #FF7029

RGB  255, 112, 41

Purple

Hex   #521D49

RGB  82, 29, 73

Light Pink

Hex   #FFAEBC

RGB  255, 174, 188

Pink

Hex   #F5768F

RGB  245, 118, 143

Blue Grey

Hex   #303642

RGB  48, 54, 66

Tertiary Colors (Background)

Unbabel uses three pastels as background colors for our brand illustrations. 

Pastel Pink

Hex   #FAF4EB

RGB  250, 244, 235

Pastel Blue

Hex   #EBF1F7

RGB  235, 241, 247

Pastel Green

Hex   #DCEEEB

RGB  220, 238, 235


Typography


With language at the center of our purpose, typography is a key part of our brand.


Typography is integral for communicating the tones and values of the Unbabel brand. Our Primary Typeface is Avenir Next World and our Secondary Typeface is Newsreader.

Download fonts
brandpad_section-2_typography-header

Primary Typeface


Unbabel uses Avenir Next World as our primary typeface. 


This typeface offers support for more than 150 languages and scripts and allows us the flexibility to communicate in almost any language.

typography-avenir-next-world_bold-regular typography-avenir-next-world-demi
avenir-next-typography_color

Secondary Typeface


Unbabel uses Newsreader as our secondary typeface.


This typeface is only used for Unbabel guides, case studies, and e-books. 

typography-newsreadernewsreader
newsreader-typography

Accessible Text & Colors Combinations


When selecting colored text for colored backgrounds, color combinations must be accessible. Text colors should have enough visual contrast against the background for legibility and readibility.


Some examples include:

● Unbabel Blue Text on White

● Black Text on White

● White Text on Unbabel Blue


Refrain from using dark text colors on dark backgrounds and vice versa. 


accessible-brand-colors

Examples of Accessible & Inaccessible Text Color Combinations


Illustrations


Our illustrations reflect our goal to foster harmonious interactions between AI and human language translation. 


Unbabel illustrations are designed to reflect the relationships between Unbabel agents, machine translation, language specialists, and our customers.

Download illustrations
brandpad_llustration-header

Basic Shapes


The basic shapes represent how Unbabel improves customers’ and agents’ current workflows seamlessly. 


The shapes uphold key concepts to Unbabel’s workflow: order, translation, verification, and completion. 


The corner radius of our shapes is 1:25 of the shape size.

shapes_layout

Strings


Strings represent workflows and convey connectivity, lightness, and continuity. We use strings to demonstrate the connection between Unbabel and its customers and agents. 


Strings must follow the grid at 90 degree angles only. When using shapes on a string, make sure you: 


❌ 1. Do not overcrowd shapes on a string.


❌ 2. Do not tilt, stretch, or bend shapes.


❌ 3. Do not mix the scales of shapes. Keep all shapes the same proportion and avoid overlap.

 

❌ 4. Do not place shapes on rounded corners.


❌ 5. Do not use too many colors and do not use gradients.


strings

Character Illustrations


With basic shapes and strings, Unbabel has unique brand illustrations that are ready to use for marketing and branding purposes. 


Our character illustrations are designed to be customizable using various components including hairstyles, poses, arms, and hands. 

brand-illustrations-people_v-2
character-guidelines

Characters Usage


When placing a character illustration on a background, you must use either the Unbabel primary colors blue and white or our pastel backgrounds. Do not place our illustrations on background colors other than the ones listed above.

dos-and-donts-illustrations

Key Illustrations


Our key illustrations are pre-designed for easy use. Each illustration represents fundamental features that make up Unbabel, such as AI and Human interactions and customer service.

key-illustrations

Spot Illustrations


Similar to our key illustrations, our spot illustrations represent the detailed components that make up the Unbabel brand.  

spotillustration

↑ Back to the Top