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.

A professional meeting around documents

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.

Contemporary office interior

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.

Architectural facade
Team in conversation

Bold outside. Clear inside.

05

Hero Statement

executive/hero-statement

Commercial projecttop project project

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.

Architectural structure against a bright sky

One system

Plan. Build. Refine.

No generic package

Scope, content, delivery and ongoing improvement are designed together.