Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Back to Browse

Unbabel

AI

Unbabel's brand emanates enterprise-grade confidence through its deep navy foundation and strategic orange accents, creating a sophisticated B2B aesthetic that balances corporate authority with approachable warmth. The typography hierarchy uses Avenir Next World to communicate precision and global accessibility, while generous whitespace and clean layouts reinforce the platform's promise of clarity in AI translation services.

(0)
0
Visit Website
Screenshot of Unbabel website

Design Identity

Signature Color

Midnight Navy

#040237

Enterprise trust and AI sophistication - communicates deep technical expertise while maintaining corporate credibility

Visual Identity

The distinctive pairing of ultra-deep navy headings with warm orange interactive elements creates an unmistakable enterprise AI aesthetic - serious enough for Fortune 500 decision-makers yet approachable enough to inspire confidence in AI-powered language services.

Component Style

Buttons feature generous rounded corners (approximately 24px radius) with medium weight typography, creating a friendly-professional balance. The orange primary button has substantial padding and medium font weight, while maintaining accessibility through high contrast. No harsh shadows or borders - everything feels approachable yet authoritative.

Spacing Philosophy

Expansive breathing room with large section gaps (likely 80-120px) creates a sense of enterprise-grade spaciousness. Internal component spacing is generous but purposeful, avoiding cramped layouts that might suggest rushed or budget solutions. The hierarchy flows naturally from massive headlines to well-spaced body text.

Design Principles

  • Headlines use 40px+ font sizes with 600 weight to establish clear hierarchy
  • Button corner radius stays consistent at ~24px for friendly professionalism
  • Orange accent color (#ff7029) reserved exclusively for primary actions
  • Body text maintains 18px base size with generous line height for readability
  • Navy (#040237) headings create authoritative presence against white backgrounds

Target Audience

Enterprise decision-makers and localization managers at mid-to-large companies who need AI translation solutions but require human oversight and quality control - professionals who value both technological innovation and business reliability.

Mood

authoritativesophisticatedtrustworthyapproachableglobalinnovativeenterprise

Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.

Design System

Typography Scale

ElementFontSizeWeightLine Height
body"Avenir Next World"18px40027px
h1"Avenir Next World"18px40027px
h2"Avenir Next World"39.996px60049.995px
h3"Avenir Next World"39.996px60049.995px
h4"Avenir Next World"25.002px60031.2525px
p"Avenir Next World"14.994px40019.942px
a"Avenir Next World"18px40027px
button"Avenir Next World"14.994px40019.942px
input"Avenir Next World"18px40027px
nav"Avenir Next World"18px40027px

Color Palette

#3843d0
#040237
#9ba1e7
#3840d9
#303642
#d1d6e5
#eef1ff
#ffc466
#fec14c
#ff7029
#ff81a9
#ffaebc

UI Elements

button
input
a
nav
button-primary
button-secondary

Similar Designs

Completely Different Designs

Discussion

Loading comments...