Nami Void
A monochrome garment study interrupted by one electric fabric signal.
Challenge
A fictional limited-run fashion label presented through silhouette, construction, and movement.
Runway-scale imagery, hard black fields, blue stitch notation.
Wide fashion grotesk with compact mono sizing data.
Drag rotates a garment study through front, profile, back, and construction views.
Cold flash, dense cloth, after-hours runway.
Scene-by-scene experience
The route has a job at every depth.
Drop
Name the current collection.
Single silhouette with edition and release state.
Garment Study
Show construction honestly.
Multi-angle views, fabric, weight, and fit notes.
Look Sequence
Build styling narrative.
Full-height controlled lookbook cuts.
Sizing
Remove purchase uncertainty.
Model measurements and fit comparison.
Acquire
Present edition and delivery terms.
Size selection, stock, price, and policy.
Motion record
- trigger
- Drag/swipe and scene entry
- duration
- 0.32s angle / 0.8s reveal
- delay
- 0ms
- easing
- [0.16,1,0.3,1]
- transform
- image sequence, clip-path, text y 24→0
- scroll
- Lookbook advances in discrete chapters
- desktop
- Horizontal drag with cursor state
- mobile
- Native swipe with index dots
- reducedMotion
- Buttons select static angles
Responsive behavior
Designed across the actual range.
Mobile preserves product truth before campaign imagery; tablet pairs details; desktop uses full-height look chapters; ultrawide images crop from authored focal points.
Implementation: Next.js, Motion; image sequence only after original photography is available.