Elevated Theater.
One motion voice for Macy's Inc. Premium, cinematic, measured. Motion should feel curated and confident, never frantic. The difference between completing a transaction and feeling something while doing it.
Principles
Intentional
Refined, measured, deliberate. Motion arrives with a reason and settles with restraint. It reads as curation, never decoration.
Responsive
Feedback is immediate and assured. A tap answers at once with elegant confidence. Quick, but never frantic or snappy for its own sake.
Continuous
Screens flow like a gallery walk. One space eases into the next without a hard cut, so browsing feels like a single continuous surface.
Signature
The one or two moments only Macy's does. A hero dissolves and a headline lifts, theatrical and unhurried. This is the authored move the brand can own.
Restrained
The most elevated decision is often not to move. When everything animates, nothing matters. Restraint is what lets the one considered moment read as considered.
Accessible
Every animation ships a reduced-motion variant. Flip the switch in the header and transforms give way to a calm fade. Nothing is lost. Respect is built in, not bolted on.
Volume of motion
Motion has volume. A toggle flips at a whisper; a signature moment fills the room. Every bar below travels the same distance, so what you feel is the pace: state crosses it in a blink, signature takes its time. In product the louder recipes cover bigger elements and longer distances, which is why they get more time - the speed stays believable while the feeling changes. Play the scale, or tap a bar to feel one on its own.
The ingredients
Volume is mixed from two things: the pace, which is duration, and the shape of the arrival, which is easing. The recipes combine them so you never pick them separately, but each is worth feeling on its own.