Ramp

Reference it for

• A single-weight (400) bespoke sans carrying the entire site. Lausanne 400 doing every level of hierarchy via size alone is uncompromising and reads as deliberate.
• The inline email + neon-yellow CTA combination in the hero — input field beside Get started for free pill, on a white page with no other CTA distraction.
• A single neon accent (yellow-green) used 3 times in the entire page. The discipline is the brand.
• Tailwind's default cubic-bezier(0.4, 0, 0.2, 1) at 0.3s for the comprehensive transition shorthand (covering color, bg, border, opacity, box-shadow, transform, filter, backdrop-filter, display, content-visibility, overlay, pointer-events). The compound transition is Tailwind v4's transition utility — same pattern Liveblocks uses.
• OKlab / LAB colour-space values in custom properties (lab(2.84 0.37 0.97), oklab(0.21 0.0015 0.0005 / 0.05)) — Ramp is on the leading edge of perceptual-uniform colour adoption.
• 12px workhorse card radius (22 hits) — softer than 8px, harder than 16px. The Ramp card style.
• A logo strip in tiny uppercase Lausanne at the bottom of the hero (BAIN CAPITAL, 1 PASSWORD, SHIFT ENERGY) — social-proof rendered as quiet caps without logos taking visual space.
• A bento product-mockup composition: dashboard panel cards overlapping the credit-card photograph at gentle angles, centred below the hero.

Do not copy

• Lausanne — bespoke Nizar Kazan typeface, licensed. Substitute with Inter (close fit) or Söhne (paid premium alt).
• The exact neon yellow-green — strongly Ramp-coded.
• The 19-font network load — way too heavy. Subset to 1-2 Lausanne files.
• 133 images on a single page — Ramp's product-mock composition is heavy; subset for slower briefs.
• Single-weight discipline on a brand whose typography needs bold-for-emphasis. Most clients can't reduce their type system this far without losing readability.
• The Tailwind v4 transition shorthand on every element — it animates so many properties that subtle layout values get caught up. Use targeted transition-colors, transition-transform instead.
• "Time is money. Save both." H1 cadence — Ramp-coded; the period-terminated short-and-witty headline is a trademark of theirs.