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

Back to Browse

Careem

Mobility

Careem's brand exudes warmth and accessibility through its vibrant emerald green signature color and custom CareemSans typography that balances friendliness with authority. The design creates an approachable yet professional atmosphere that speaks to everyday mobility needs across diverse communities.

(0)
0
Visit Website
Screenshot of Careem website

Design Identity

Signature Color

Careem Emerald

#00D4AA

Trust and growth in emerging markets - vibrant enough to stand out in crowded urban environments while conveying reliability for essential services

Visual Identity

The distinctive emerald green paired with generous rounded corners and the hero Gaza campaign messaging creates an instantly recognizable humanitarian-tech hybrid aesthetic that sets Careem apart from typical ride-sharing competitors.

Component Style

Buttons feature substantial rounded corners (approximately 8-12px radius) with bold, saturated backgrounds and clean white text. Components feel substantial and finger-friendly, optimized for mobile-first interactions with generous touch targets and no harsh shadows.

Spacing Philosophy

Breathing room dominates with large hero sections and substantial padding around key CTAs. The layout uses expansive whitespace to create calm in what could be chaotic urban service scenarios, with approximately 32-48px gaps between major sections.

Design Principles

  • Emerald green (#00D4AA) anchors all primary actions and brand moments
  • CareemSans custom typography for headlines, Inter for body text maintains hierarchy
  • Button radius consistently 8-12px for approachable, mobile-optimized feel
  • No harsh drop shadows - flat design with subtle depth through color contrast
  • Generous 16px+ button padding ensures accessibility across device types

Target Audience

Urban professionals and families in Middle East and South Asia who need reliable daily transportation and delivery services, particularly those who value community-conscious brands with local market understanding.

Mood

approachabletrustworthycommunity-focusedvibrantaccessiblehumanitariangrowth-oriented

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
bodyInter16px40016px
h1CareemSans0px70097px
h2CareemSans54px70054px
h3CareemSans36px70044px
h4CareemSans14px60021px
pInter28px40036px
aInter16px40016px
buttonInter16px40018.4px
navInter16px40016px
headerInter16px40016px

Color Palette

#000000
#3b82f6
#ffffff
#808080

UI Elements

button
a
nav
button-primary
button-secondary

Similar Designs

Completely Different Designs

Discussion

Loading comments...