# Protective Life / R4

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

**Strategic center:** Be the calm they carry.

Restore a humanist sans serif foundation, retain the violet, and derive shelter arcs and open thresholds for selected cards and actions. Reduce planning to understandable, reversible steps.

## 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://www.protective.com/](https://www.protective.com/) reviewed 2026-09-29. FS Albert Bold / Open Sans; #4C12A1 violet, #7D55C7 lavender, #89C6CC secondary cyan. Family photography and generous curved brand forms.

Live site: FS Albert Bold / Open Sans with #4C12A1 violet and #7D55C7 lavender. Open Sans is the actual published fallback used here; licensed FS Albert is not redistributed. The earlier serif proposal has been removed.

## Limits

Open Sans is the website’s real fallback; licensed FS Albert is not bundled. No coverage, price, advice, eligibility or measured conversion is represented. 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.