# Coram AI / R4

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

**Strategic center:** Context before action.

Build on the site’s already calm visual language. Use open aperture corners, a contained green action, a location rail and a review trail that keeps judgment with a person.

## 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.coram.ai/](https://www.coram.ai/) reviewed 2026-09-29. TT Commons Classic; #039179 green, #027B67 darker green and #1F1F1D ink. A unified video/access/response platform with substantial spatial and product imagery.

Live site: TT Commons Classic, #039179 green, #027B67 hover and #1F1F1D ink. Licensed TT Commons files are not bundled; Public Sans is an explicit, replaceable preview substitute.

## Limits

Public Sans is a documented preview substitute for licensed TT Commons. Brand-reference imagery is not a live camera feed or an invented incident. 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.