Library / Hero sections

Four Worlds pro

A stack of cards that splits into four coloured worlds, each a link; pointing at one grows it to most of the screen.

Customize

Worlds written as Title — Button text

Colour of each world

How much of the screen the pointed-at world takes (%)

Split on its own as soon as the page loads

Code

import FourWorlds from './FourWorlds';

<FourWorlds />

Checking your access…

Dependencies: none

hero audience split cards

More in Hero sections

Wordmark MirageA huge wordmark on a desert horizon with a heat-mirage reflection that shimmers harder as the cursor nears the horizon.
Selection Box IntroThe page looks like it is being designed live: a selection box draws around the headline, a pointer drags a corner and the headline grows to size.
Thermal TouchA picture seen through a heat camera that warms where you hover or touch and slowly cools, then switches itself off to save power.