# Grid v3 Visual Section Brief
**Created:** 2026-02-21
**Status:** Paused for Assaf review
**Resume:** Tonight

## What Exists
**Live URL:** https://curiousendeavor.com/grid/v3/#visual
**File:** `/home/clawd/workspace/public/grid/v3/index.html`

Phase 07 Visual has 3 clickable panels:
1. **What They See** — Screenshots of AI vendors (Viz.ai, Paige.ai, Aidoc, Enlitic) showing the visual noise CMIOs face. ✅ DONE, APPROVED
2. **What We Must Be** — Visual refs showing Grid's target aesthetic. ❌ NEEDS WORK
3. **Reference Analysis** — Strategic breakdown (USE/ADAPT/AVOID). ❌ NEEDS REVIEW

## The Problem
"What We Must Be" panel currently shows:
- CMS.gov + Joint Commission (regulatory authority)
- Stripe Atlas + Plaid (infrastructure)

**Assaf's feedback:** Government sites look BAD. They communicate authority but have zero taste. Wrong refs even if strategically correct.

## What's Needed
Visual refs that are BOTH:
- ✅ Authoritative (institutional weight, governance gravitas)
- ✅ Beautiful (actual good design, aspirational taste)

Government sites fail the second test. Need better examples.

## Potential Better Refs
From our existing research images (`/grid/research/images/`):
- Stripe Atlas — clean, white, typography-led ✅
- Linear — minimal, precise, modern infrastructure
- Vercel — developer infrastructure, restrained
- Palantir — mission-critical aesthetic, serious

NOT these:
- CMS.gov, FDA.gov, JCAHO — ugly government sites
- CDC — too much imagery
- Any generic health tech (dark + gradients)

## The Visual Axiom (Keep This)
The framework is solid:
1. What does audience see daily? (their visual diet) → AI vendor noise
2. What emotional response do we need? → Authority, governance, the stamp
3. Therefore: What must we look like? → NOT another vendor. The standard.
4. Who has done this well? → [NEEDS BETTER REFS]
5. What to borrow/avoid? → [ANALYSIS EXISTS, NEEDS BETTER INPUTS]

## Design Patterns Built
Reference analysis cards with:
- Thumbnail + brand name + category
- USE (green) / ADAPT (yellow) / AVOID (red) tags
- Specific details for each

CSS is in place at `/grid/v3/index.html` around line 1410 (`.ref-analysis-card` etc.)

## Images Available
```
/grid/v3/images/
├── vizai.png, paigeai.png, aidoc.png, enlitic.png  # AI vendors (good)
├── stripe-atlas.png, plaid.png  # Infrastructure (keep)
├── cms.png, jcaho.png, cdc.png  # Government (DELETE - bad taste)

/grid/research/images/
├── linear-homepage.png  # Good potential ref
├── vercel-homepage.png  # Good potential ref
├── palantir-homepage.png  # Mission-critical aesthetic
├── stripe-atlas/crops-v2/  # Detailed breakdowns
```

## Resume Instructions
1. Assaf reviews and picks which refs to use
2. Replace CMS/JCAHO with approved beautiful+authoritative refs
3. Update Reference Analysis panel with new brands
4. Screenshot and verify

## Context Files
- Grid v3 template docs: `/grid/v3/TEMPLATE-DOCUMENTATION.md`
- Full session log: `/memory/2026-02-20.md`
- Research methodology: `/grid/research/FRAMEWORK.md`

## Key Decisions Already Made
- Winning tagline: "Demo is not deployment."
- Tone: Skip governance jargon, lead with failed deployments/patient harm/wasted budgets
- Visual test: "Could this be a Stripe product page?" = right track
- All 7 phases of v3 are built and approved except Visual refs