# Black Forest / R4

Open `preview/index.html` after extracting the ZIP.

**Strategic center:** Your cup. Your call.

Preserve the package’s black foundation and label logic. Extend Jason’s Space Grotesk campaign with warm paper, readable evidence, deliberate customer choices and an open seal. The earlier forest-green UI has been removed.

## Organized files

- `components/light` and `components/dark`: 50 controls per mode; named default, hover, focus, active, disabled and loading groups. Passive specimens do not invent interactive states.
- `screens`: desktop and mobile app compositions in both modes.
- `boards`: category sheets and the complete brand-system demonstrations.
- `icons`: 32 currentColor SVGs with hidden construction and type-reference layers.
- `shapes`: five reusable vector primitives derived from this brand’s geometry.
- `campaigns`: email, headline A/B social plates, app-entry view and an honest test plan.
- `import-ready`: outlined default-state component snapshots for importers that ignore SVG CSS state selectors.
- `outlined`: matching font-independent component, screen, board and campaign SVGs.
- `renders`: PNG reviews.
- `preview`: offline searchable library, paired inspector and native control lab.
- `fonts`, `tokens.json`, `component-manifest.json`: editing and implementation support.

## Current source

[https://blackforestsupplements.com/](https://blackforestsupplements.com/) reviewed 2026-09-29. Black/white packaging, Roboto Slab, product-specific label bands, direct commerce and a promotional email overlay.

Live storefront: Roboto Slab, black/white packaging and product-specific color bands. Space Grotesk and warm label paper are Jason’s authored campaign extension, not existing corporate standards.

## Limits

Warm paper and Space Grotesk are authored extensions. Do not invent health, ingredient, pricing or performance claims. SVGs are vector visual specifications. Native behavior is demonstrated separately in the lab. No production service or full 50-control application implementation is claimed.

Install TTFs to edit live text. Use outlined copies if your design application substitutes fonts. Keep both. Review the full package’s audit and Claude prompt before integration.