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

NEXT STEP

Make the next action impossible to miss.

Use the copy for one useful promise and keep the action specific.

02 / Hero Scrim Split

executive/hero-scrim-split

BUILT FOR THE NEXT MOVE

Make the complicated feel obvious.

Use one strong image, one direct statement and one clear next step.

03 / Hero Social Proof

executive/hero-social-proof

ESTABLISHED GUIDANCE

Sound guidance, plainly given.

Clear advice, thoughtful preparation and a route forward that is easy to understand.

PROOF, NOT PROMISES

Add a proof point that matters to your audience.

Use a verified metric, recognised credential or attributable client evidence.


24

Add a metric
with context

04 / Hero Split

executive/hero-split

SOLUTIONS / 01

One roof. Three routes. One connected system.

Start with the building, load and objective. Then choose the pieces that actually belong together.

GENERATION + STORAGE + CONTROL

A concise caption can explain why the image matters without sacrificing contrast.

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

SEE IT IN MOTION

Motion with a reason.

Keep the story visible when motion is paused, reduced or replaced.

FILM / 01

A wide cinematic field with content kept clear of the focal image.

07 / Home Hero

executive/hero-home

Strategy / operations / measurement

TURN COMPLEXITY
INTO LEVERAGE.

An operating model should do more than look organised. It should connect priorities, people and systems around what the organisation needs next.

One operating model

Decide. Align. Deliver.

No generic package

Strategy, workflows, systems and measurement are designed together.

08 / Page Header Banner

executive/page-header-banner

EXECUTIVE

Hero