Light interfaceMeasured www.brex.com

Brex

Clean corporate finance software that feels fast, precise, and trustworthy.

This page is styled with Brex’s own measured values. It is a private reference for AltLeads; their logo, brand and company-only fonts belong to them.

Colours

Each role is a value read from their live website, checked against their screenshots.

Background#FFFFFF
Page behind everything

Surface#F3F3F7
Cards, panels, menus

Text#15191E
Headings and body

Muted text#60646C
Secondary info

Line#FF3D00
Dividers and outlines

Accent#FF3D00
Main button, links, selection

On accent#FFFFFF
Text on the accent

Contrast

Text on background 17.7:1Muted on background 5.9:1Text on accent 3.5:1

Every colour found on their site

#15191E#60646C#FF3D00#FCFCFD#FFFFFF#F3F3F7#000710#000000

Typography

Headings use inter (free). Body text uses inter (free).

h1	inter · 72px · 500 · -1.44px	Finance built for speed and control.
h2	inter · 20px · 500 · -0.4px	Modern cards, banking, expenses, accounting, and more — in 1
h3	inter · 20px · 500 · -0.4px	Everything you need to boost spending power and control — an
h4	inter · 14px · 500 · -0.28px	Spend smart globally with powerful cards and built-in contro
p	inter · 12px · 400 · -0.24px	New features just dropped in September Early Access. See wha
li	inter · 16px · 400	Products

Corners & shadows

Corner sizes used

12px

10px

6px

8px

Shadows

Shadow 1

Shadow 2

Components, rebuilt from their values

Live and clickable. Built by us from the numbers above, not copied from their code. Sample CRM data.

Buttons

Navigation

WorkspaceCompanies Contacts Meetings

Disposition

InterestedCallbackBengaluru

Hide do-not-call

Next call

Licious · Admin head

Wants a proposal before the cafeteria contract renews in March.

Tabs

Table

Company	Owner	Status	Last touch
Zomato Food tech · Gurugram	PR	Callback	18 days ago
Licious Food tech · Bengaluru	RM	Interested	Today
Delhivery Logistics · Gurugram	AS	No answer	35 days ago

Toast

Call logged · callback on Friday

Real components from their site

Cropped from Brex’s live website. Click to enlarge.

Buttons · 4

Brex button: Products — No fill · corners 6px · 31px

Brex button: Customers — No fill · corners 10px · 30px

Brex button: Get started — #FF3D00 · corners 10px · 36px

Navigation bar · 1

Brex Navigation bar: Products — no fill · square · inter 16px

Buttons · 4

Brex Buttons: Products — no fill · corners 6px · inter 16px

Brex Buttons: Customers — no fill · corners 10px · inter 14px

Brex Buttons: Get started — fill #FF3D00 · corners 10px · inter 14px

Cards and panels · 1

Brex Cards and panels: Corporate cards — fill #FFFFFF · corners 12px · inter 16px

Icons

2 icons copied exactly from their site’s code.

Product screens

10 real screens from web image search, each linked to where it was found.

Brex product screen: Brex | EcommerceTech — Brex | EcommerceTech

Brex product screen: Best HR Spend Management Platforms: 2026 Guide | Factorial — Best HR Spend Management Platforms: 2026 Guide | Factorial

Brex product screen: Brex - Opiniones, precios y características - Capterra España 2026 — Brex - Opiniones, precios y características - Capterra España 2026

Brex product screen: Top 10 Best Expense Management Software in India - Quikchex — Top 10 Best Expense Management Software in India - Quikchex

Brex product screen: Brex Expands Travel Solution with the Launch of Group Events — Brex Expands Travel Solution with the Launch of Group Events

Brex product screen: Automated online bill payment software for businesses — Automated online bill payment software for businesses

Brex product screen: Brex Rewards Transfer Partners and How To Use Them [2025] — Brex Rewards Transfer Partners and How To Use Them [2025]

Brex product screen: Brex Cash Review | Business Bank Account, Alternatives 2023 — Brex Cash Review | Business Bank Account, Alternatives 2023

Brex product screen: Brex Reviews May 2026: Pricing & Features | SoftwareWorld — Brex Reviews May 2026: Pricing & Features | SoftwareWorld

Do & don’t

What makes it Brex

Bright orange-red accent used sparingly on buttons against mostly black-and-white layouts
Large bold black headline type with tight letter spacing
Soft grey surfaces that keep the white background from feeling flat

Keep most of the UI black, white, and grey
Use the orange-red only for the one key action button
Use bold, tight, large headline type for confidence

Don’t

Don't spread the accent colour across many elements
Don't use soft pastel colours
Don't use thin or light-weight display type

For AltLeads: Use one bold accent colour only for the primary call button so reps always know exactly what to click next.

Copy the tokens

Paste into any project to try this look.

/* Brex · values measured from https://www.brex.com/ · reference only, their brand belongs to them */
:root {
  --bg: #FFFFFF;
  --surface: #F3F3F7;
  --text: #15191E;
  --muted: #60646C;
  --line: #FF3D00;
  --accent: #FF3D00;
  --on-accent: #FFFFFF;
  --radius-button: 10px;
  --radius-card: 12px;
  --radius-small: 6px;
  --button-height: 36px;
  --font-heading: "inter", "Inter", system-ui, sans-serif;
  --font-body: "inter", "Inter", system-ui, sans-serif;
  --shadow: rgba(0, 0, 0, 0.04) 0px 1px 1px 0px;
}