A collective built around one huge morphing ampersand.

Build a one-screen page for creative collective "& OTHERS" with React + Tailwind. Ivory page #f8f5ef, ink #17130e. Center: a single giant ampersand "&" at 42vmin in serif "Fraunces", which cycles its font-variation/style feel by crossfading between three ampersands (normal, italic, and a different serif "Playfair Display") every 2.4s — absolute-stacked, opacity crossfade. Around it, orbiting at four clock positions, small caps labels of the disciplines: "STRATEGISTS", "ILLUSTRATORS", "WRITERS", "WEIRDOS" — each gently bobbing (staggered keyframes). Top-left "& OTHERS — AMSTERDAM"; bottom strip: "We're the people your agency calls when it's stuck. hello@andothers.works" with underline. All type in "Inter Tight". Ampersand scales in from 0.8 with a soft spring on load.
typemorph