showcase · marketing · visual-experience
Cinematic Entrance Hero
DRAFTA hero whose entrance is choreographed: drifting plate, nav that drops in, copy that rises from blur, and stat arcs that draw themselves.
TapKeyboardCSS motionEmber Cinematic
Gateway to your augmented self
A window of coming enhancements
A future where carbon fiber, titanium, and human instinct align. Not machine. Not human. Something wonderfully poised between.
- 10+years in the field
- 40+use forms
- 95%repeat members
390px · narrowlight themecomfortablefull motioncatalog shows a poster; this stage is the live implementation
Original full-bleed hero built on the @c2c-ui-forge/motion choreography contract. A slow Ken Burns drift on a generated ember plate, navigation pills that drop in, eyebrow/headline/body/button rising out of blur in a staggered sequence, and three instrument arcs that draw along their curve before a marker pops and the value fades in. A Replay control re-runs the sequence. Media is a slot; the default is a generated visor figure, never a stock photograph.
- Use when
- premium product launch hero with a cinematic entrance animation
- A landing page needs staggered reveal, blur-in copy, and self-drawing stats without a motion library
- Avoid when
- Dense productivity screens where entrance motion delays work
- Pages that must render identically with JavaScript disabled beyond the settled frame
- Visual style
- Ember Cinematic
- States
- default, hover, focus-visible, active/pressed, narrow/mobile, reduced-motion
- Maturity
- DRAFT · v0.1.0 · builtin. Nothing is promoted automatically.
- Themes
- default, dark