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

Back to Browse

Wells Fargo

Finance

Wells Fargo presents traditional banking authority through its signature red header and proprietary typeface, creating a deliberately conservative aesthetic that prioritizes trust over trendiness. The design balances corporate gravitas with accessible functionality, using stark contrasts and generous whitespace to guide users through financial tasks with confidence.

(0)
0
Visit Website
Screenshot of Wells Fargo website

Design Identity

Signature Color

Wells Fargo Red

#D71E2B

institutional banking authority and American financial heritage

Visual Identity

The distinctive red header bar spanning the full width combined with the custom Wells Fargo Sans typeface creates an unmistakable corporate banking presence that feels deliberately institutional.

Component Style

Rounded rectangular buttons with subtle corner radius and solid fills, clean-lined input fields with minimal borders, and card components that use generous padding and soft shadows for a approachable yet professional feel.

Spacing Philosophy

Generous breathing room between major sections creates a sense of order and reduces cognitive load, while tighter spacing within components maintains functional efficiency - reflecting the balance between comfort and business productivity.

Design Principles

  • Red brand color dominates the header for instant recognition
  • Wells Fargo Sans typeface used exclusively across all text elements
  • Input fields use larger 20px font size for accessibility
  • Button text remains at standard 17px for consistency
  • Moderate corner radius on interactive elements for approachable professionalism

Target Audience

Traditional banking customers who value institutional stability and prefer familiar, trustworthy interfaces over cutting-edge design trends

Mood

institutionaltrustworthyconservativeaccessibleauthoritativefamiliarstable

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"Wells Fargo Sans Regular"17px40021.998px
h1"Wells Fargo Sans Regular"34px4000px
h2"Wells Fargo Sans SemiBold"24px60030px
h3"Wells Fargo Sans SemiBold"13px60016.25px
p"Wells Fargo Sans Regular"15px40021.998px
a"Wells Fargo Sans Regular"17px4000px
button"Wells Fargo Sans Regular"17px400normal
input"Wells Fargo Sans Regular"20px40025px
nav"Wells Fargo Sans Regular"17px40021.998px
header"Wells Fargo Sans Regular"17px40021.998px

Color Palette

No colors extracted

UI Elements

button-primary
input-primary
button
input
a
nav

Similar Designs

Completely Different Designs

Discussion

Loading comments...