Motioned studio
anthropicDuplicate & refineclaude-fable-5Native CSS6/11/2026, 12:56:25 PM

En hånd representert av "larsen brand blokker" som vinker "hallo" til brukeren i et mindre format

**Core message:** *Vennlig velkomst* — brandet selv (Larsen-blokkene) er levende og hilser på deg. Motion-konseptet: blokkene popper inn én etter én og *bygger* hånden (brand = byggesteiner), hånden hviler i en rolig idle-pust, og i det du hovrer våkner den: brand-fargene skyller som en bølge gjennom blokkene fra venstre mot høyre, hånden vinker tre–fire ganger fra håndleddet og en liten «Hallo! 👋»-chip popper opp med overshoot. Vinkingen kjører én komplett syklus og lander pent i ro (en ekte hilsen looper ikke evig) — trykk på kortet for å få den til å vinke igjen. The motion makes "hilse" legible in three layers: on mount the blocks pop in staggered by `(row+col)·35ms` from `scale(0.9)` + opacity 0 with `cubic-bezier(0.23,1,0.32,1)` — the brand literally *assembles* into a hand (nothing appears from nothing, and the diagonal stagger sweeps like a build), then settles into a 3.4s ease-in-out idle bob so the hand feels alive before you touch it. On hover the response is layered with asymmetric timing: the brand-color overlay washes through the blocks left-to-right via per-column 45ms opacity delays (a wave *through* the wave), the ember glow blooms in 500ms, the "Hallo!" chip pops with the overshoot bezier `(0.34,1.56,0.64,1)` after a 120ms beat so it reads as a reaction to the hand, and the hand itself performs a single 1.9s ease-in-out wave rotating ±15°→±5° from a wrist-anchored transform-origin (45% 92%) — decaying amplitude like a real wave, ending at rest instead of looping, with press/tap re-triggering it (and `active:scale(0.97)` for tactile feedback). Everything animates only transform, opacity and filter; hover styles are gated behind `(hover:hover)`, and reduced-motion swaps all movement for pure opacity fades while keeping the color greeting intact.

En hånd representert av "larsen brand blokker" som vinker "hallo" t… - generated micro-animation · Motioned