Brex — Hero
Top nav with Brex wordmark and orange 'Get started' button; large left-aligned headline 'Finance built for speed and control.' with email capture, beside a photoreal floating laptop rendering the dashboard and a layered Welcome onboarding modal.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/brex-floating-laptop-hero-with-onboarding-card.
Measured spec
| Scheme | light |
| Background | #F9F9F9 |
| Text | #3B3332 |
| Contrast | 11.69 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.251 |
| Measured size | 1600×1172 px |
Palette
#F4F2EF#1A1A1A#F26621
Fonts
Inter
Page types
Detail
UX patterns
Progressive Onboarding
UI elements
Navigation BarFormModal & Dialog
Context
- Parent page: Fintech corporate-card landing with floating product card and AI-finance feature ladder
- All of Brex
Other sections on this page
- Logo Wall — Trusted by 35,000+ companies logos
- Feature — The card is the start - four capability cards
- Gallery / Showcase — Solutions by growth stage - three photo cards
- Feature — Control spend before it happens
- Feature — Expenses, treasury, vendor pay & AI accounting rows
- Stats / Metrics — Save and earn more - orange-accent KPI band
- Testimonial / Social Proof — SeatGeek quote with portrait
- CTA / Sign-up — Orange CTA with tilted phone mockup
- Gallery / Showcase — Trending insights article cards
- Footer — Dark multi-column footer with legal