Components/heroes

Editorial Hero

Centered editorial hero with an oversized serif headline, thin rules and a fade-up stagger.

Free
The 2026 collection

Formulated for clarity.

Every batch is documented, tested, and traceable, a research standard built for people who read the certificate before the label.

Usage: paste this file into your project (e.g. components/editorial-hero.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.