1:"$Sreact.fragment" 2:I[62319,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js","/_next/static/chunks/14vypzx8h7vva.js"],"default"] 3:I[22016,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js","/_next/static/chunks/14vypzx8h7vva.js"],""] 4:I[56691,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js","/_next/static/chunks/14vypzx8h7vva.js"],"default"] 5:I[97367,["/_next/static/chunks/01xlw8hd842-c.js","/_next/static/chunks/0d3shmwh5_nmn.js"],"OutletBoundary"] 6:"$Sreact.suspense" 0:{"rsc":["$","$1","c",{"children":[["$","main",null,{"className":"min-h-screen bg-black text-white","children":[["$","$L2",null,{}],["$","article",null,{"className":"pt-40 pb-32","children":["$","div",null,{"className":"max-w-4xl mx-auto px-8","children":[["$","$L3",null,{"href":"/blog","className":"inline-flex text-sm text-white/45 hover:text-white transition-colors mb-10","children":"Back to blog"}],["$","p",null,{"className":"uppercase tracking-[0.3em] text-sm text-white/35 mb-6","children":"5 min read"}],["$","h1",null,{"className":"text-5xl md:text-7xl font-bold leading-[0.95] mb-8","children":"When a website needs motion"}],["$","p",null,{"className":"text-white/55 text-lg md:text-xl leading-relaxed mb-16","children":"A practical look at motion that clarifies the story instead of slowing it down."}],["$","div",null,{"className":"space-y-14","children":[["$","section","Motion should earn its place",{"children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold mb-5","children":"Motion should earn its place"}],["$","p",null,{"className":"text-white/60 text-lg leading-relaxed","children":"Animation is useful when it improves comprehension, guides attention or makes a transition feel less abrupt. It becomes expensive decoration when it delays the visitor from understanding the offer."}]]}],["$","section","Start with the user path",{"children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold mb-5","children":"Start with the user path"}],["$","p",null,{"className":"text-white/60 text-lg leading-relaxed","children":"Before adding motion, map the path from first impression to desired action. The right animation often appears at a handoff point: hero to proof, product claim to evidence, or decision point to call to action."}]]}],["$","section","Performance is part of the creative direction",{"children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold mb-5","children":"Performance is part of the creative direction"}],["$","p",null,{"className":"text-white/60 text-lg leading-relaxed","children":"The best motion systems are built with constraints: reduced motion support, compressed assets, sensible delays and clear fallback states. Fast and expressive should be designed together."}]]}]]}]]}]}],["$","$L4",null,{}]]}],[["$","script","script-0",{"src":"/_next/static/chunks/14vypzx8h7vva.js","async":true}]],["$","$L5",null,{"children":["$","$6",null,{"name":"Next.MetadataOutlet","children":"$@7"}]}]]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"o_mb8u0B952Zvc0bN1YJF"} 7:null