Explore

TILToooTILT — Everything Has Weight

PRO

tiltoootilt.tote.co.jp

Visit website
Screenshot of TILToooTILT — Everything Has Weight
StudioPublished
  • 3D
  • Animation
  • Dark
  • Editorial
  • WebGL

Palette

Typography

  • Primary

    Times New Roman
    Weights
    400, 700
    Fallback
    Georgia, 'Nimbus Roman No9 L', serif

  • Secondary

    Tiny5
    Weights
    400
    Fallback
    monospace

About this design

A full-viewport, physics-led fashion collage that builds an extravagant brick-walled salon from floating cut-out objects, with cursor-controlled tilt and a dense theatrical still-life composition.

Prompts

Six prompts, in build order. Pro unlocks all six, ready to paste into your AI tool.

  • Main build prompt
  • Build frontend
  • Generate assets
  • Add animations
  • Responsive polish
  • Final visual polish

Build Recipe

Difficulty
Advanced
Framework
React · Vite
Styling
CSS custom properties · CSS modules
Animation
GSAP (detected) · GSAP timelines · requestAnimationFrame pointer loop · lightweight rigid-body simulation
AI coding tool
claude-code
Estimated effort
1–2 weeks

Asset tools

  • Adobe Photoshop
  • Figma
  • ImageMagick
  • Squoosh

Fonts

  • Times New Roman
  • Tiny5

Libraries

  • Three.js (detected)
  • GSAP (detected)
  • Lenis (detected)
  • Three.js
  • GSAP
  • Lenis

Special requirements

A high-resolution transparent cut-out asset pack, a reference-ratio WebGL canvas, layered room artwork, and careful depth/order management are essential. Audio can be offered as an optional muted-by-default enhancement.

AI Replicability

72 / 100

The spatial composition and broad animation arc are reproducible, but fidelity depends heavily on a coherent bespoke cut-out library and nuanced, convincing settling behaviour.

The design and branding of TILToooTILT — Everything Has Weight belong to their authors. InspoToCode documents its visual language as a reference; anything you build from it should carry your own branding, copy and assets.

Design analysis

Pro analysis

Understand why the design works

The written breakdown of this design: composition, hierarchy, spacing, imagery and the decisions behind the details — the part that tells you what to keep and what to change.

Upgrade to Pro