Layered composition
An exploded, annotated breakdown of the offers screen — behavioral callouts explaining how each element drives offer selection.
↗ 02Card states & variants
Specifications for every comparison-card state, a select / deselect motion study, provider art, and how the variant library composes.
↗ 03Motion studio
Expressive components on a loop — easing tokens, spring selectors, container transforms, and staggered reveals, Material 3 style.
↗ 04Control · showcase
An interactive device presentation with 3D tilt, cursor-tracking glare, and a glossy sheen sweep.
↗ 05Agentic workflow
Where editors and agents work together — type a prompt, watch the agent reason, then see diffed edits land in a live editor.
↗ 07Motion override · before / after
The rejected 600ms bounce vs. the final 400ms ease-out, looping side by side — the judgment call behind the installments motion.
↗ 06Kinetic prototyping
A split-screen case study — an Amazon Installments total morphs into four monthly rows on a 400ms ease-out, annotated with the motion logic behind it.