Brex

How it works

hero:

Split-screen layout with left-justified headline and subheading in 72pt+ weight, orange underline accent on key phrase, supporting CTA button, and tilted product screenshot anchored to the right at 45-degree angle occupying upper third of viewport.

layout:

Vertical scroll with alternating full-width blocks: hero with right image, left-aligned stat row (4 columns with brand logos and metrics), three equal-width feature cards in row, staggered left-right image+text pairs in subsequent sections, centered callout blocks with outline buttons, dark footer with 5-column link structure.

type:

Geometric sans-serif headline family (likely custom or Geist) in heavy weight (700+) paired with 14-16px sans-serif body text; numerals in stat rows set 48-56px; all-caps labels (12px, 0.15em tracking) anchor feature sections; orange underlines add vertical rhythm to key phrases.

colors:

Monochromatic base (black text on white/off-white) with single orange (#FF6B35 approximate) used as mechanical divider, CTA button fill, and accent underline; light gray backgrounds (#F5F5F5) separate content blocks; dark navy-black (#1A1A1A) reserved for footer and contrast sections.

distinctive:

Orange horizontal line accent positioned underneath specific words in the hero headline, functioning as both visual hierarchy and brand signature that repeats throughout the page as button states and dividers.