← back to the gallery

Ramp: restrained spend-management landing with layered finance interfaces and lime actions

Tier
inspiration
Roles
hero, capability, feature, proof, testimonial, closing, footer
Feel
light, premium, saas, minimal
Motion
pan, reveal
Source
public-site
Site
https://ramp.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/521b4030-ef48-4e56-8c34-22f09be1fdce.mp4
both: https://ramp.com/

What it does

A concise headline and lime action introduce a large pale product stage containing layered forecast and bill interfaces. Subsequent white sections divide the finance platform into workflows, integrations and operational examples. Interface stacks alternate with customer photographs, a large customer wordmark, map content and a dark final footer.

Section roster

1. Compact hero and lime signup action. 2. Layered forecast and payment demonstration. 3. Finance workflow panels. 4. Integration and interface collage. 5. Customer stories and proof. 6. Global workflow and policy panels. 7. Closing invitation and dark footer.

Why it works

Muted interface surfaces keep attention on task structure, while lime identifies the primary actions. Customer images interrupt the software-heavy narrative and give the product demonstrations a human context.

Source and capture notes

Refero [style page](https://styles.refero.design/style/b38702a0-75ab-474c-9106-00b624535825) and [recorded video](https://images.refero.design/styles/refero.design/video/521b4030-ef48-4e56-8c34-22f09be1fdce.mp4); [live site](https://ramp.com/) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested.