💐 July’s early access is sizzling! See what’s new →

Finance built for speed and control.

Modern cards, banking, expenses, accounting, and more — in 120+ countries.

Get started
See Brex in action

The card is just the start.

Everything you need to boost efficiency, from spend controls to close.

Corporate cards

Spend smart globally with policy built in

Issue unlimited virtual cards with limits enforced before the swipe, not after.

Expense management

Receipts and memos collected automatically

Every transaction arrives coded, matched and ready for close.

Banking

Business accounts that earn from day one

Move money in 120+ countries with treasury built into the same ledger.

Recent expensesAuto-coded · 4 of 128
Amazon Web ServicesSoftwareMike Duffy$4,208.15
Delta Air LinesTravelPriya Raman$862.40
FigmaSoftwareDana Osei$540.00
Blue Bottle CoffeeMealsSam Ortiz$38.75

Rounded rectangles, never pills

Primary · 36px · 10px radius · 14/400 — and the 40px 8px-radius inset variant
Get started Hover Disabled Get started Disabled
Nav link 30px / 10px at 14·600 · dropdown trigger 31px / 6px at 14·400 · circular carousel controls 50px
Customers Hover Disabled Products
Signature hero email capture — 58px card, 12px radius, 1px rgba(67,87,141,.15) hairline, 0 1px 1px rgba(0,0,0,.04) lift, borderless 36px 14px input, 40px orange 8px-radius button inset right
Default — placeholder at #8b8d98
Focus — not captured; hairline stepped to #ff5900
Tags · 6px radius · 12/-0.24px · play link (the only orange text)
SoftwareTravelMeals See Brex in action

No full pills anywhere — controls are 8-10px rounded rectangles at 36-40px. Borders are the blue-tinted rgba(67,87,141,.15), never neutral gray. Transition 180ms cubic-bezier(0,0,.38,.9) (published durations 40 / 80 / 180ms). Explicit hover fills and field focus rings were not captured on the live site — the focus state above is derived by stepping the captured hairline to the captured accent #ff5900, and no ring, glow or fill change is implied.

One family, capped at 500

Hero h1 · Inter · 72/72 · 500 · -1.44pxFinance built for
Section h2 · Inter · 48/48 · 500 · -0.96pxThe card is just the start.
Card h3 · Inter · 24/29 · 500 · -0.48pxExpense management
Sub-headline · Inter · 20/24 · 500 · -0.4px · #60646cModern cards, banking, expenses.
Body · Inter · 16/24 · 400 · -0.32pxEvery transaction arrives coded and ready for close.
Small label / h4 · Inter · 14/21 · 500 · -0.28px · #60646cSpend smart globally with policy built in
Nav link · Inter · 14/20 · 600 · -0.14pxCustomers · Pricing
Nav dropdown · Inter · 14/21 · 400 · -0.28pxProducts · Solutions · Resources
Button label · Inter · 14 · 400 · normalGet started
Announcement · Inter · 12/18 · 400 · -0.24pxJuly’s early access is sizzling!

White, a cool gray ladder, one orange

Text
ink#15191e
text-2#60646c
muted-2#6f737b
muted#8b8d98
on-dark-2#b9bbc6
on-dark#fcfcfd
white#ffffff
Surfaces & borders
canvas#ffffff
surface-2#f9f9fb
surface#f3f3f7
black-2#15191e
black#000710
borderrgba(67,87,141,.15)
Accent — the only one, with no semantic palette
brex-orange#ff5900

Hairline and lift, together

6px dropdown / tag
8px inset button
10px button
12px card / field
50% control
0 1px 1px rgba(0,0,0,.04)
1px 1px -2px .12 / 3px 2px -2px .11 / 0 0 1px .04
0 6px .05 / 6px 10px -4px .1 / 0 2px 1px .02
12px 20px -14px .09 / 4px 12px 2px .1 / 2px 4px -4px .14
14px 20px -11px .16 / 6px 20px 4px .12 / 4px 8px -8px .14

Every step of the scale is multi-layer rgba(16,24,40,…) at very low opacity — a soft physical lift, never a drop shadow, and always used together with the blue-tinted hairline. Motion — durations 40ms / 80ms / 180ms on cubic-bezier(0, 0, 0.38, 0.9), with a font-variation weight token of 750 for animated emphasis. Surfaces are otherwise flat: no gradients, glass, grain or WebGL.