PATTERN LIBRARY / HERO
Hero
8 registered patterns. Hero, page header, split and video introductions.
01
Hero Call To Action Buttons
executive/hero-call-to-action-buttons
A clear starting point
Make the next important decision easier to understand.
Lead with the problem you solve, then offer two obvious routes forward.

One conversation
Clarity before complexity.
02
Hero Scrim Split
executive/hero-scrim-split

Perspective matters
See the whole situation before choosing the route.
A true scrim keeps the image visible while giving the copy a stable, readable field on every screen size.
03
Hero Social Proof
executive/hero-social-proof
Trusted when it matters
Strong work is easier to choose when the proof is close by.
Keep the hero focused, then support the promise with concise evidence instead of a detached logo wall.

Clear
Scope and expectations
Visible
Progress and next steps
Verified
Claims and credentials
04
Hero Split
executive/hero-split
Designed around the decision
A bold first screen without losing the information hierarchy.
Use the split to create tension between copy and media, then keep the action compact and obvious.


Bold outside. Clear inside.
05
Hero Statement
executive/hero-statement

Projects / built proof
Proof lives in the roofline.
Different buildings demand different logic. Browse systems shaped around use, site constraints and what comes next.
12 project cards ready
06
Hero Video Background
executive/hero-video-background
Motion with a purpose
Use video as atmosphere, not as a readability test.
The background is a real MP4 video. The scrim and copy width remain stable from desktop through mobile.
07
Home Hero
executive/hero-home
Strategy / delivery / refinement
TURN IDEAS
INTO MOMENTUM.
A strong project should do more than look complete. It should be designed around how people use it, what the organisation needs and what comes next.

One system
Plan. Build. Refine.
No generic package
Scope, content, delivery and ongoing improvement are designed together.
08
Page Header Banner
executive/page-header-banner
Hero