DRAFT β NOT YET PUBLIC β Internal asset review only. Do not share this URL.
AI-Native Shift β Asset Review
Every visual and interactive asset produced for the AI-Native Shift launch. Organized by Tier. Mark each APPROVE or REVISE at the bottom.
Identity and sharing. Hero and OG card.
Hero
ans-hero-dark.png / ans-hero-light.png
Hero section background / OG share image (primary)


OG / Share Card
ans-og-dark.png / ans-og-light.png
<meta property="og:image"> β social share card for /ai-native-shift


Program structure visuals. Four Stages, Ladder, Five Layers.
Four Stages
ans-four-stages-dark.png / ans-four-stages-light.png
Program section β static fallback / standalone social variant for the 4-week sequence


Ladder
ans-ladder-dark.png / ans-ladder-light.png
#ladder section β static context card showing "nobody skips rungs" visually


Five Layers
ans-five-layers-dark.png / ans-five-layers-light.png
#five-layers section β static alt when AINativeLayerStack isn't visible


Proof points and narrative visuals. Today vs Done, Two Paths, Attack Wrong End, Traps Answered, Tension Held.
Today vs Done
ans-today-vs-done-dark.png / ans-today-vs-done-light.png
#problem or #in-practice section β before/after current state vs target state


Two Paths
ans-two-paths-dark.png / ans-two-paths-light.png
"Two Paths, Same Destination" section β static complement to TwoPathsConverge


Attack Wrong End
ans-attack-wrong-end-dark.png / ans-attack-wrong-end-light.png
#problem section β illustrates "Every organization attacks this from the wrong end"


Traps Answered
ans-traps-answered-dark.png / ans-traps-answered-light.png
#methodology section β static variant / header for TrapAnsweredCards component


Tension Held
ans-tension-held-dark.png / ans-tension-held-light.png
#tension section β "The Shift Lives in the Tension" emotional reality quotes


Distribution formats. Square and Story.
Social Square
ans-social-square-dark.png / ans-social-square-light.png
LinkedIn / X square post format (1:1) β distribution asset


Social Story
ans-social-story-dark.png / ans-social-story-light.png
Instagram / LinkedIn story format (9:16) β distribution asset


Five React components with client:visible hydration. All use Framer Motion, respect prefers-reduced-motion, keyboard navigable.
FourStageSequence
FourStageSequence.tsx β Palette corrected this session (red removed, progressive teal)
Already live in #program section of /ai-native-shift. This shows the corrected palette.
Four-Week Program Sequence
Why optimization fails and transformation wins
Designing the target state before touching anything
People solving their own problems with AI β for real
From individual activation to organizational substrate
LadderRevealRungs
LadderRevealRungs.tsx β Unchanged. Rung colors already correct (no red).
Slated for #ladder section of /ai-native-shift, replacing static card list.
TransformationToggle NEW
TransformationToggle.tsx β Current State vs AI-Native State morphing toggle
Slots into #problem section ("Why Optimization Fails"), dramatizing the 4-item redβteal grid.
Current State
- Start at the interface and push down
- Layer AI on top of fragmented data
- "Go use AI" with no governance
- Automate what humans do
- AI as a tool you hand to people
AI-Native State
- Start with data and context, build up
- Clean the foundation with a methodology that gives it purpose
- Governance, permissions, and observability from the start
- Transform how the organization operates
- AI as a partner in the operating model
The Insight
"When you put the unified views and Value Path stuff around it, now we understand very clearly how to clean up the data."
TrapAnsweredCards NEW
TrapAnsweredCards.tsx β Four flip cards: Authority, Managed Services, Measurement, AI Replacement traps
Slots into #methodology section alongside MethodologyCards. Each flip reveals the shift response.
0 of 4 answers revealed
TwoPathsConverge NEW
TwoPathsConverge.tsx β SVG path animation: Organic Path + CEO Path converging. Milestones reveal practitioner quotes.
Slots into "Two Paths, Same Destination" section, replacing or augmenting the static two-column cards.
Two interactive paths: The Organic Path (operations champion) and The CEO Path, both converging on AI-Native Operations. Click milestones to read practitioner quotes.
Click any milestone to hear from real practitioners
Review Checklist
One row per asset. Reply with APPROVE / REVISE + note.
| Asset | Tier / Type | Status |
|---|---|---|
| Hero | Tier 1 / Static image | APPROVE / REVISE |
| OG / Share Card | Tier 1 / Static image | APPROVE / REVISE |
| Four Stages | Tier 2 / Static image | APPROVE / REVISE |
| Ladder | Tier 2 / Static image | APPROVE / REVISE |
| Five Layers | Tier 2 / Static image | APPROVE / REVISE |
| Today vs Done | Tier 3 / Static image | APPROVE / REVISE |
| Two Paths | Tier 3 / Static image | APPROVE / REVISE |
| Attack Wrong End | Tier 3 / Static image | APPROVE / REVISE |
| Traps Answered | Tier 3 / Static image | APPROVE / REVISE |
| Tension Held | Tier 3 / Static image | APPROVE / REVISE |
| Social Square | Tier 4 / Static image | APPROVE / REVISE |
| Social Story | Tier 4 / Static image | APPROVE / REVISE |
| FourStageSequence (palette corrected) | Interactive / Corrected | APPROVE / REVISE |
| LadderRevealRungs (unchanged) | Interactive / Existing | APPROVE / REVISE |
| TransformationToggle | Interactive / New (P1) | APPROVE / REVISE |
| TrapAnsweredCards | Interactive / New (P1) | APPROVE / REVISE |
| TwoPathsConverge | Interactive / New (P1) | APPROVE / REVISE |
After review:
Approved assets integrate directly into /ai-native-shift.
Revised assets come back to Showcase with your notes.
This page stays live until all assets are approved and integrated.