Runway

How it works

hero:

Full-viewport dark forest photograph with left-aligned white headline and supporting subtext in 40/60 vertical split, dark CTA button positioned baseline-left, minimal navigation bar floating above.

layout:

Hero dominates; client logo row (8 grayscale marks) sits centered below; content alternates between full-width image-left/text-right pairings and text-left/image-right blocks; product showcase uses stacked 3-column grid followed by 2x2 case study cards with colored left-edge accent bars.

type:

Sans-serif (likely custom or system) in tight, uppercase labels; display headline uses large weight contrast (bold/regular layering); body text justified in narrow measure with 1.6+ line-height; numerals and product names in monospace-like treatment for technical distinction.

colors:

Near-black background with white text hierarchy; accent greens (neon-bright) appear in logo, selective buttons, and as highlight boxes in research cards; deep teal overlays modulate image legibility without color contrast.

distinctive:

Colored left-edge accent bar (green, teal, orange, navy) on each case study card creates a visual filing-system effect—each card becomes a labeled folder that directs eye-scanning while maintaining compositional restraint.