Patterns

Hero

Editorial hero — eyebrow meta row + display-xxl headline with accent word + two-column foot (lede + Now-Showing variant block).

installnpx shadcn@latest add https://br-design-system2.vercel.app/r/br-hero.json

Preview

BR / Design System2026 · Edition 01

Atelier of interfaces.

A component library built on top of the BR brand. Three variants, one accent, one ethos: elegance that survives at small sizes.

Now showing
Glass / FrostedLive

Refined translucency. Soft refractions over a warm paper base. Edges feel airy; surfaces breathe.

import { Hero } from "@/components/br/hero";

// Inside <BRThemeProvider>
<Hero />

Props

PropTypeDefaultDescription
———No props. Reads variant + label from BRThemeProvider.

Notes

The hero copy adapts per variant — Glass/Premium/Sharp each has its own headline tail and lede.