Blocks
Hero
8
Signature Hero
The top of a landing page in one piece: navigation, headline, two actions and a proof row on a live material.
Sculpture Hero
One object, lit and turning with the pointer, beside the words about it — the way a flagship product is introduced.
Type Window
One word, set as large as the section allows, with the material moving only inside its letters.
Spotlight Reveal
A dark section and a light the visitor carries. The material, and one hidden line, appear only where it falls.
Prompt Hero
An AI product’s first screen: a prompt types itself, the product thinks, and an answer streams in over a living network.
Scroll Story
A pinned hero that tells its story in chapters as the visitor scrolls, while the material unfolds beneath it.
Editorial Hero
A magazine-style opening: a serif headline beside three overlapping photographs that part gently with the pointer.
Aperture Reveal
A pinned hero that opens like a camera iris: a porthole onto the material widens with the scroll until it fills the screen.
CTA
7
Signature CTA
One call to action. Four distinct atmospheres. Your message stays yours.
Scratch Reveal
A ticket covered in live material: scratch the foil away to reveal a code, or reveal it with one press; copying is one more.
Magnetic CTA
A single call to action that draws the pointer in; the material wakes as it approaches and ripples on press.
Launch Countdown
A live countdown to launch day; the material accelerates as the date approaches and opens once it arrives.
Signal Signup
A newsletter sign-up where streams of signal converge on the email field, quicken as you type and burst on subscribe.
App Download
An app download section: a phone drawn around your screenshot, store buttons and three reasons to install.
Waitlist Capture
One field, one button and the sentence that makes giving an address feel reasonable.
Announcement
4
Promo Banner
One announcement, one action and a way out of it, on a material that earns the interruption.
Ticker Bar
A slim bar that takes turns through a few announcements; the material swells as each one arrives.
Offer Bar
A sale announcement with a copyable code and a live clock; the material quickens as the deadline nears.
Release Note
A version, a headline and the few things that changed; the material brightens under the highlight being read.
Logos
2
Features
8
Feature Bento
Four cells over one material. The lead cell drops its panel so the surface itself becomes the feature.
Spotlight Features
A six-card feature grid where a soft light follows the pointer across the cards and catches their edges.
Feature Switchboard
Four features and one material. Each feature you point at moves the material to its own palette.
Integrations Orbit
Integrations on two counter-turning rings around your brand mark, lit from the centre.
Product Tour
A tabbed walk-through: each step shows its own screen in a browser frame, and the tour advances on its own until the visitor takes over.
Roadmap Lanes
A public roadmap in Now, Next and Later lanes; each card carries a tag and a vote customers can cast.
Process Steps
Three numbered steps whose figures come from a CSS counter, so the order can never disagree with the markup.
Stat Band
Three numbers on a quiet material, sized to be read across a room.
Services
1
Showcase
4
Reel Showcase
Your photographs and videos on a curved glass ribbon that refracts, disperses and answers the pointer.
Hover Preview List
A work index set in large type; the picture for each project follows the pointer while it rests on the name.
Lookbook Reel
A seasonal collection on a curved glass ribbon, with a numbered index of every look.
Finish Picker
A product hero with colour swatches that swap the object and relight the stage in its finish.
Pricing
5
Pricing Table
Three plans on one live material. The recommended plan lets the shader through instead of shouting in a brighter colour.
Pricing Toggle
Three plans with a monthly and yearly switch; prices roll to the new figure and the material shifts with the choice.
Compare Table
A full feature comparison with grouped rows, a sticky plan header and a highlighted column you can move.
Seat Calculator
Per-seat pricing with volume tiers: slide to your team size and the price per seat, the total and the yearly saving update as you go.
Holo Pass
A membership or ticket card made of live material: it tilts toward the pointer and the light slides across its surface with the tilt.
Testimonials
3
Testimonial Wall
One lead quote with room to breathe and two supporting voices, all on the same material.
Quote Stage
One large testimonial at a time, with a slow tour through the rest; each quote brings its own palette to the material.
Review Wall
Columns of short reviews drifting up and down past a rating summary; they stop for the pointer and stand still for reduced motion.
FAQ
2
Blog
4
Article Header
An editorial opening: category, title, deck and byline, with the material standing in for a cover photograph.
Newsletter Archive
A newsletter home: the latest issue featured, past issues grouped by year, and a sign-up that stays in view.
Podcast Episodes
A podcast section with a real player (play, seek, speed) over a drawn waveform, and an episode list that loads into it.
Changelog Spine
A release timeline with light running down its spine; each release lights as the reader reaches it.
Events
1
Team
2
Careers
1
About
1
Contact
3
Contact Panel
Your details on the left, a real form on the right, and a material behind both.
Location Map
Offices on a stylised topographic map; choose a studio and its pin comes forward with the address, hours and directions.
Booking Slots
Pick a day, pick a time, leave a name: a calm booking flow for an introductory call, with taken slots shown honestly.
Auth
2
Footer
3
Footer Atmosphere
A closing footer where the material rises into the page: wordmark, sign-up, three link columns and the legal line.
Footer Wordmark
A complete site footer that ends on the brand name, set edge to edge with the material alive inside its letters.
Footer Columns
A full product footer: newsletter sign-up, four link columns, social links, a language switch, a status line and the legal row.
Utility
3
Interlude
A slim band between sections: a chapter number that fills as it passes, one sentence, and light that turns with the scroll.
Status Board
A system status section: an overall verdict, ninety days of uptime per component and a short incident history.
Not Found
The page nobody designs, doing the one job it has: saying what happened and offering a way out.