Ramp
Ramp sets oversized Lausanne headlines on a light bone white canvas. Void (#111111) is reserved for actions, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 12px, with 6px and 4px on smaller elements.
ramp.com ↗Colors
Void
#111111
Primary actions and links
Graphite
#1f1f1d
Secondary accent and highlights
Bone White
#ffffff
Page canvas
Soft Void
#111111
Headlines and body copy
Type scale
DisplayTime is money. Save both.Lausanne · 64px · 400
HeadingJoin 70,000 of the world’s most ambitious companies growing 3.2x faster than the average ALausanne · 28px · 400
SubheadingCards & Expenses that handle themselvesLausanne · 24px · 400
BodyNew: AI Token Spend Management — see, understand, and control your AI bill.Lausanne · 14px · 400
NavLearn moreLausanne · 13px · 400
Style reference measured from the public page at ramp.com on 2026-10-12 for design education. Ramp and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.
# Ramp — Style Reference > Ramp sets oversized Lausanne headlines on a light bone white canvas. Void (#111111) is reserved for actions, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 12px, with 6px and 4px on smaller elements. **Theme:** light · **Source:** https://ramp.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens — Colors | Name | Value | Token | Role | |------|-------|-------|------| | Void | `#111111` | `--color-accent` | Primary actions and links | | Graphite | `#1f1f1d` | `--color-secondary` | Secondary accent and highlights | | Bone White | `#ffffff` | `--color-canvas` | Page canvas | | Soft Void | `#111111` | `--color-ink` | Headlines and body copy | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Display | Lausanne | 64px | 400 | 1.00 | -0.000em | | Heading | Lausanne | 28px | 400 | 1.14 | 0 | | Subheading | Lausanne | 24px | 400 | 1.17 | 0 | | Body | Lausanne | 14px | 400 | 1.43 | 0 | | Nav | Lausanne | 13px | 400 | 1.46 | 0 | Font families on the page: Lausanne, Material Icons Outlined, TWK Lausanne, Mono Regular. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence. ## Shape - Corner radius, most to least used: 12px, 6px, 4px, 3.35544e+07px, 10px
