Explore
Hero sections
A clear message on one side. A striking image on the other. An easy introduction that gives both room to breathe.
ExploreCompare the balanced text and image
A field guide to your next websiteA website.
A website.
Piece by piece.
Discover the details that make a website feel like yours.
Try a little motion. Find your style. Collect what you love.
- 01Explore the possibilities
Small details. Big first impressions.
- 02Save what feels right
A few favorites. Or a few alternatives.
- 03Let’s make it yours
Bring your collection to our conversation.
A few good starting points
A little inspiration.9
A small selection to get a feel for things. Open an idea and make yourself at home.
9 ideas shown.
Website example
Hero sections
A moving background sets the mood while the headline stays easy to read. The film plays independently of scrolling.
ExploreOpen the live example and explore inside the frame. You can also open it in its own tab.
Hover + press
Buttons & clicks
The button rises and its shadow softens when you approach. Press it and it settles under your finger.
Hover + pressRises on hover; settles when pressed
Scroll
Scroll & transitions
An oversized image recedes into a rounded panel as you scroll. The gutters and corners appear as it settles.
ScrollAn oversized image settles into a frame
Click
Menus & navigation
Navigation floats over the image on a translucent surface, letting the scene show through.
ClickThe active tab sits in a translucent dock
Move
Cards & galleries
The card tilts toward your pointer, turning a flat image into something with a little depth.
MoveThe whole card tilts with your pointer
Watch
Type & backgrounds
Soft pools of color drift behind a simple message, adding atmosphere without a photograph.
WatchSoft color drifts behind a stable message
Play
Lottie animations
A circular line draws itself, followed by a confident check. A small animation makes completion feel clear.
PlayPlay, pause, or replay the animation using the controls.
Replay
SVG & drawn details
Fine strokes and concentric rings reveal a brand mark. Adapted from the original Ineffable monogram study.
ReplayWatch a brand mark draw itself
That’s just the beginning.