HeroCentered
a type-led opening for a brand or an editorial site: the promise, one button, wide margins and nothing else
role: hero pages: home, landing motion: expressive
Install
npx shadcn-vue@latest add @trame/landing-hero-centered # Vue
npx shadcn@latest add @trame/landing-hero-centered # Reactminimal
@trame/landing-hero-centered--minimal a type-led opening for a brand or an editorial site: the promise, one button, wide margins and nothing else
framed
@trame/landing-hero-centered--framed the same centred promise set inside a bordered panel with corner marks, the eyebrow as a tab on its edge and the fine print along its foot: a launch or an announcement that should read like a printed notice