The Citi wordmark features sans-serif lowercase-style typography in blue topped with a distinctive red arc overarching the two 'i' letters.

Credit Cards, Banking, Mortgage, Personal Loans

citi.com · sampled · confidence 0.43 stale — sampled 34 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
secondary
accent
background
surface
text
Also on the page · 3 colours
#e5e7e9
#454546
#3387bd

Fonts

Headline case
none
Headline tracking
normal
Headline weight
bold
The Citi wordmark features sans-serif lowercase-style typography in blue topped with a distinctive red arc overarching the two 'i' letters.

The Citi wordmark features sans-serif lowercase-style typography in blue topped with a distinctive red arc overarching the two 'i' letters.

Source
favicon
Transparent
no

The page we read

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

Credit Cards, Banking, Mortgage, Personal Loans's site as it was sampled

The read

The company

Positioning

Citi exists to deliver comprehensive financial services across retail banking, credit cards, mortgages, and personal loans. Designed to serve everyday consumers and high-net-worth individuals, Citi differentiates itself through global scale, secure financial infrastructure, and accessible modern banking tools.

Who it is for

Everyday retail banking consumers, home buyers, and personal loan applicants looking for an established financial institution.

Values

SecurityAccessibilityTrustReliabilityCustomer Service

Look and feel

Rounded corners, balanced layout, corporate, trustworthy.

Reads as

corporatetrustworthyaccessiblestructuredfriendly

Recurring motifs

card containers with light gray borderssoft light-blue background panelspill-shaped action buttons
Theme
light
Corners
rounded
Density
balanced
Borders
solid
Shadows
subtle
Gradients
no
Icons
outlined
Illustration
none
Photography
full-color
Imagery shows
diverse families, happy couples enjoying everyday moments, credit card product renders
Imagery composition
soft cutout silhouettes on white/light backgrounds, contextual lifestyle photography within cards, isolated product shots
Imagery grading
natural, warm, bright, high-contrast lifestyle tones

Motion

Minimal and functional interactive feedback where UI elements transition smoothly upon hover.

Signature effects

200ms element hover color transitions
Intensity
minimal
Speed
fast
Easing
linear and ease-in-out curves
Scroll animations
no
Hover effects
yes
Honours reduced motion
yes

Voice

The voice reads Professional, Direct, Trustworthy, Clear.

Tone

ProfessionalDirectTrustworthyClear

Voice

AuthoritativeClearInstitutional

Words it uses

Credit CardsBankingMortgagePersonal Loans

Words it avoids

CryptocurrencyDeFiMoonshotHustle
Calls to action
Direct, utility-focused action phrasing
Headline case
title
The recordwhat we measured, and how sure we are

How the brand reads

Citi is a global financial institution offering personal credit cards, consumer banking services, mortgages, and personal loans.

Known for

Credit cardsPersonal loansRetail bankingMortgages

Design personality

Clean, light-mode corporate structure utilizing trustworthy blues against crisp light-gray backgrounds.

Design conventions

Light-mode canvasDeep blue brand identity accentsStandard portal navigationAccessible high-contrast typography

Writing style

Clear, direct product listings and informative headers without marketing jargon.

Audience, inferred

Consumers looking for personal banking, credit card programs, and mortgage lending solutions.

Values, inferred

SecurityAccessibilityTrustReliability

Applying the brand

Use a light background color scheme centered around #FBFCFC, incorporating deep navy (#002D72) and slate blue (#056DAE) for key accents and headers. Keep layouts clean, professional, and accessible.

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.43
Font confidence
0.00
Schema version
v2

The score was built from

Logo found (favicon)Primary color extractedSecondary color extractedFonts not foundCompany name found: Credit Cards, Banking, Mortgage, Personal Loans

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 · 18 fields
description
0.00
fonts
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
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/citi.com

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

Or sample your own site →

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