Interactive hero design catalogue
Hero Section Catalogue
Sixty-nine ways to make an entrance.
Sixty-nine designed hero concepts to search and compare. Custom animations and favourites make the collection useful in practice.
28Commits
Built, one commit at a time
As of About this number
Counts the commit history of the associated repositories on their default branches. The number includes all contributors up to the date shown.
01 / What it does
A browsable collection of hero sections, each built around its own visual mechanism. I explored split-flap boards, typing terminals, opposing marquees and spatial layouts in plain CSS. Search and saved favourites turn the experiments into a practical design reference.
02 / What I built
69 individual design concepts
Sixty-nine individual hero concepts have their own copy and styling.
CSS motion and typography
CSS mechanisms cover typographic, moving and spatial compositions.
Search, compare and save
A searchable index and persistent favourites support comparison and selection.
