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

Back to Browse

Fetchr

Logistics

Fetchr embodies a bold, logistics-forward aesthetic with oversized Clashgrotesk headlines that command attention and clean Satoshi body text that ensures readability. The palette centers around a confident ocean blue (#2f8ada) that evokes trust and reliability in delivery services, while the typography tells a story of scale and precision - perfect for a brand that moves things efficiently.

(0)
0
Visit Website
Screenshot of Fetchr website

Design Identity

Signature Color

Fetchr Ocean Blue

#2f8ada

logistics reliability and digital trust

Visual Identity

Massive typographic hierarchy with Clashgrotesk headlines at 80px creating dramatic scale contrast against 20px Satoshi body text - the extreme size differential immediately signals this is a brand that thinks big.

Component Style

Clean, minimal components with sharp corners and subtle #eeeeee borders. Buttons and inputs feel weightless with no shadows, relying on the ocean blue accent color and generous 20px typography for visual impact rather than heavy styling.

Spacing Philosophy

Generous vertical rhythm driven by the large typography scale - 80px headlines demand significant breathing room, creating an airy, confident layout that lets the bold type do the talking.

Design Principles

  • Headlines use Clashgrotesk at massive scales: 80px, 64px, 48px, 28px
  • Body text stays consistent at 20px across all elements
  • Ocean blue #2f8ada is the only accent color used
  • Borders are always light gray #eeeeee, never bold
  • Typography weight stays at 400-500, never heavy

Target Audience

E-commerce businesses and logistics managers who need reliable delivery partners and value straightforward, no-nonsense communication over flashy marketing.

Mood

oceanicscalabletrustworthyefficientboldminimalauthoritative

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"Satoshi Variable"20px40026px
h1"Clashgrotesk Variable"80px50088px
h2"Clashgrotesk Variable"64px50076.8px
h3"Clashgrotesk Variable"48px50057.6px
h4"Clashgrotesk Variable"28px50039.2px
p"Satoshi Variable"20px50026px
a"Satoshi Variable"20px40026px
button"Satoshi Variable"20px40026px
input"Satoshi Variable"16px40020.8px
nav"Satoshi Variable"20px40026px

Color Palette

#2f8ada
#222222
#114e0b
#ffffff
#eeeeee
#3b0b0b
#000000
#5e5515

UI Elements

button
input
a
nav
button-primary

Similar Designs

Completely Different Designs

Discussion

Loading comments...