# UI Kit · Marketing Website

High-fidelity recreation of The Beat Life Club's institutional landing page. Desktop-first, editorial, full-bleed imagery with the brand's serene rhythm.

## Screens / sections
- **SiteNav** — sticky top nav, transparent over hero, solidifies (glass + hairline) on scroll.
- **Hero** — full-bleed render, dual protection scrims, manifesto serif headline + gold CTA + Star rubric.
- **ExperienceGrid** — filterable grid of club spaces/classes, built from `Card` + `Tag`.
- **MembershipBand** — "The One" premium band: dark Oceano ground, oversized Star watermark, `Stat` row, sub-brand wordmark.
- **SiteFooter** — Oceano-900 ground, vertical logo, nav columns, fine print.

## Composition notes
- Composes design-system primitives: `Button`, `Card`, `Tag`, `Stat`, `Eyebrow`, `SectionHeader`, `Star`.
- Imagery: institutional renders (`assets/fotografia/renders/`) — soft light, desaturated neutrals.
- Gold appears only as accent (CTAs, eyebrows, emphasis italics) — never as a dominant fill.

## Run
Open `index.html`. Screens are bundled into `_ds_bundle.js` and read from `window.<Namespace>`; the page loads React UMD + Babel, then the bundle.
