Home
DESIGN.mdStar on GitHub
Corporate cards · expenses · bill pay

Time is money.
Save both.

Cards, expenses, bill payments, and more — automated with AI so your finance team can focus on strategy.

Colors
Brand
Surfaces (light)
Text
Semantic
Typography · TWK Lausanne
Lausanne / 700
Display · 74px · -0.03em
Time is money. Save both.
Lausanne 700
Lausanne / 400
Heading · 24px · -0.015em
One platform for all of finance.
Lausanne 400
Lausanne / 350
Body · 15px
Ramp customers save an average of 5% a year and close their books 8x faster — the details do the talking.
Lausanne 350
Lausanne / 400 italic
Emphasis · rare
We've got the receipts.
Lausanne italic
system mono
Money · card · meta
$12,480.00 · •••• 4921 · MAR 26
ui-monospace
Signature · Ramp Intelligence · the savings engine
Ramp IntelligenceWatching every dollar, in real time
Saved this year
$18,240
+$0 from applied insights
Spend this month · auto-categorized$32,480
Ramp Intelligence found 3 ways to save
Ramp watches every dollar. Spend auto-categorizes the moment a card posts, and Ramp Intelligence surfaces waste — a duplicate subscription, unused seats, a cheaper annual price. Hit Apply and the savings book instantly to the running counter. That's the whole promise: time is money — save both.
Components
Buttons
primary = Ramp yellow (ink text) · blue = link → See pricing
The Ramp card
4921  ••••  ••••  3608
Ada OkonkwoVISA
Status & categories
In policy Needs review Out of policy
Software Travel Meals Advertising
Search & radius
chip · 8
btn · 10
card · 14
Guardrails
Do
Keep the canvas warm off-white #f4f2ef with warm near-black ink — the warmth is the brand.
Reserve Ramp yellow #e4f222 for primary actions & highlights, always with ink text.
Set everything in TWK Lausanne — light 350 for body, 700 for display.
Use green to celebrate money & time saved — that's Ramp's whole story.
Render money in tabular mono so columns align.
Don't
Don't tint the yellow toward gold or orange, or wash it across a background.
Don't put white text on the yellow, or use yellow for body copy.
Don't swap the warm paper for a cold pure-grey — it flattens the identity.
Don't turn the blue into a primary button — it's for links & data.
Don't add a second display typeface — Lausanne carries it all.