The HSBC logo featuring a red hexagon composed of four triangles, placed next to the black HSBC wordmark.

HSBC

hsbc.com · sampled · confidence 0.84 stale — sampled 35 days ago

Confidence is 0 to 1 — a low score is reported, never hidden. Set a floor in your own code and fall back to your defaults below it, rather than shipping the raw score as certainty.

Is this your brand?

The kit

Brand colours

Click a colour to copy its hex.

primary
background
surface
text
Also on the page · 2 colours
#7b7c7c
#b4d2e6

Fonts

UniversNextdisplaycustom webfont
Headline case
none
Headline tracking
normal
Headline weight
light
The HSBC logo featuring a red hexagon composed of four triangles, placed next to the black HSBC wordmark.

The HSBC logo featuring a red hexagon composed of four triangles, placed next to the black HSBC wordmark.

Sampled from the mark

#ffffff#db0011
Source
header-img
Lightness
0.58
Transparent
yes

The page we read

The capture every value above was read from. Its top, at readable scale.

HSBC's site as it was sampled

The read

The company

Positioning

HSBC exists to connect customers to global opportunity, operating as one of the largest banking and financial services institutions in the world. The organisation serves millions of personal, commercial, corporate, and institutional clients across international markets. Through its distinct global scale, financial strength, and long-standing historical footprint, HSBC enables individuals and businesses to thrive.

Who it is for

Global investors, institutional clients, corporate enterprises, personal banking customers, and financial stakeholders.

Values

Global connectivityIntegrity and ethical conductStrategic growthCustomer service excellence

Look and feel

Sharp corners, spacious layout, corporate, professional.

Reads as

corporateprofessionalcleanminimaleditorial

Recurring motifs

red play button overlaysred directional chevron arrowsprominent ultra-thin metric numbers
Theme
light
Corners
sharp
Density
spacious
Borders
solid
Shadows
none
Gradients
no
Icons
filled
Illustration
none
Photography
full-color
Imagery shows
business executives, cityscape skylines, diverse professional teams collaborating, and high-tech abstract graphics
Imagery composition
rectangular aspect ratios, eye-level portraits, architectural wide shots, structured medium shots
Imagery grading
natural daylight tones, realistic color balance, cool blue and neutral tones

Motion

Minimal and functional: navigation containers expand subtly over 250ms to reveal submenus without theatrical distraction.

Signature effects

Header navigation height animation on expandSubtle 150-250ms link hover transitions
Intensity
minimal
Speed
fast
Easing
Standard ease-in-out curves for utility transitions
Scroll animations
no
Hover effects
yes
Honours reduced motion
no

Voice

The voice reads Institutional, Authoritative, Corporate, Clear.

Tone

InstitutionalAuthoritativeCorporateClearMeasured

Voice

ProfessionalDirectFormalTrustworthy

Words it uses

Global businessesStrategy and valuesInvestorsConduct

Words it avoids

DisruptiveHacksRevolutionaryHyper-growth
Calls to action
Direct, functional navigation links (e.g., 'Skip to Investors', 'Who we are')
Headline case
title
hero headline
Formal, corporate, and matter-of-fact
navigation
Functional, concise, and structured
The recordwhat we measured, and how sure we are

How the brand reads

HSBC is a major global banking and financial services institution serving millions of customers worldwide across personal, commercial, and investment banking.

Known for

Global trade financeInternational banking footprintCorporate financial servicesInstitutional investment solutions

Design personality

Clean, structured, light-mode corporate architecture that relies on neutral grey background canvas surfaces (#F3F4F5) accented by iconic signature red accents.

Design conventions

Light-mode canvas dominanceStructured enterprise navigationHigh-contrast dark grey body typography (#1E1E1E)Red key line accentuation

Writing style

Formal, functional corporate prose characterized by clear descriptive labels, title-case headlines, and institutional clarity.

Audience, inferred

Investors, global corporate leaders, institutional partners, and international retail banking clients.

Values, inferred

Global connectivityIntegrity and ethical conductStrategic growthCustomer service excellence

Applying the brand

Design for a light-mode corporate presentation using light grey backgrounds (#F3F4F5) and deep charcoal text (#1E1E1E). Use the primary HSBC red (#DA0011) sparingly as a structural focal accent for key metrics or primary callouts. Maintain high visual structure with grid layouts and formal typography.

Spacing and accessibility

Base unit
8px
Scale
0.5 · 1 · 2 · 3 · 4 · 6 · 8
Content margin
24px
Contrast target
AAA
Minimum font size
16px
Colourblind safe
yes

How this was read

Platform
Generic
Overall confidence
0.84
Font confidence
1.00
Schema version
v2

The score was built from

Logo found (header-img)Primary color extractedSecondary color not foundFonts found: UniversNextCompany name found: HSBC

Confidence is 0 to 1 — a low score is reported, never hidden. Set a floor in your own code and fall back to your defaults below it, rather than shipping the raw score as certainty.

Read something wrong? Sample it again — this page follows within 15 minutes.

Confidence per field · 19 fields
description
0.00
industry
0.00
tagline
0.00
accessibility.contrast_target
0.85
audience
0.85
brand_intelligence
0.85
colors
0.85
contrast
0.85
copywriting
0.85
font_availability
0.85
fonts
0.85
logo_description
0.85
motion
0.85
name
0.85
positioning_statement
0.85
tone
0.85
values
0.85
visual_style
0.85
voice
0.85

Get this as JSON

GET /v1/brands/hsbc.com

curl https://api.extractbrand.dev/v1/brands/hsbc.com \
  -H "Authorization: Bearer YOUR_API_KEY"
Read the quickstart

Or sample your own site →

Sampled from hsbc.com on . Own this brand? Claim it or report this page.