Home / Video / Assets, Tooling, and Strategy

Affirmology Visual Ideas, Expansion (v2): the wider toolbox

Updated Jun 21, 2026 · Affirmology_VisualIdeas_Expansion_v2.md

Affirmology Visual Ideas, Expansion (v2): the wider toolbox

The first batch was clean animated diagrams (good, but flat). This widens the palette across every tool we have and pushes the ideas more dynamic and cinematic, so you have a deep bench to pull from. No em dashes.

The big idea that ties it together

Stop thinking "slides." Think one continuous flight through space where each teaching beat is a station you arrive at. A Three.js cosmos runs behind everything, the camera drifts forward, and the diagrams (chart, pipeline, data, ladder) assemble out of stars as you reach them, then dissolve back into the cosmos as you move on. That single move turns a deck into a film. Everything below can live as a station in that flight, or stand alone.

What each tool uniquely unlocks (so we pick the right one per beat)

• GSAP + HTML (I build now, free, you open in a browser): fast, on brand, great for the diagram and teaching beats. What you already have.
• Three.js / WebGL (I build now, free): real depth, particle cosmos, the continuous flythrough, morphing forms. The cinematic layer.
• Remotion (I write the code, Claude Code renders to MP4 or transparent MOV): frame-perfect, premium easing, and transparent overlays you drop on top of Higgsfield footage. Best for the data beats and lower-thirds that need to sit over video.
• Hyperframes (HTML + GSAP rendered to MP4, agent-friendly): same look as the HTML scenes, but exported as clean video.
• Lottie (vector micro-animation): tiny premium loops, icons, the breathing star, loaders, transitions. Lightweight polish.
• Data-viz (D3 or Recharts, inside Remotion): real animated charts, CAGR curves, cohort retention, TAM nested circles. Credibility for the market and metrics beats.
• Higgsfield (needs credits): the cinematic stills and footage, and image-to-video to make a single still drift and breathe.

New visual concepts (the deep bench)

Technical and "it's really built" (the credibility core)

1. Living council network. The agents as a constellation graph that pulses; a request enters and you watch the signal route node to node in real time, lines firing. Far more alive than the static pipeline. (Three.js or Remotion.)
2. Real terminal capture. A stylized screen recording of the actual Studio and logs, brand-graded, with callouts. Nothing says "real" like real output. (Screen capture plus Remotion lower-thirds.)
3. The render, compressed. A 3 to 5 minute generation shown as a fast time-scrubber: engines, agents, synthesis, critique loop, QC PASS, audio waveform forming. (Remotion.)
4. Verifier gauntlet. The draft passes through gates (technique, arc, subconscious check, hallucination verifier), one rejects it, it loops, then PASS stamps. Tension then payoff. (GSAP or Remotion.)
5. Corpus knowledge graph. ~12,900 records as a glowing web, clustered by tradition, edges lighting between related concepts. (Three.js or D3.)
6. Blueprint sigil assembly. The four systems' glyphs orbit and lock into a single generative sigil that becomes "your blueprint." Beautiful and ownable. (Three.js or GSAP.)

Teaching and explanation (the talking-track beats)

7. Two rivers merging. The two paths as two streams of light that each peter out alone, then join into one bright current. More poetic than boxes. (Three.js or GSAP.)
8. The bouncer. The gatekeeper as a literal doorman: "I am wealthy" gets turned away at the door, then slips in the back entrance while the guard sleeps. Characterful, memorable. (Lottie or GSAP.)
9. Phone OS update. A real phone mockup running a "Subconscious OS" update with a progress bar and changelog ("self-image: updated"). Plays the metaphor literally. (Remotion or HTML.)
10. The morph journey. One continuous morph: point of light to natal chart to Gene Keys wheel to HD bodygraph to soundwave to bloom. The whole blueprint in one breath. (Three.js or GSAP.)
11. Constellation wordmark. Stars drift and connect to draw AFFIRMOLOGY, then scatter. A reusable sting. (Three.js or Lottie.)
12. Recognition vs information. Split screen: left, a wall of chart data scrolling (overwhelm); right, a calm first-person line landing in the body. The whole thesis in one frame. (GSAP.)

Data and market (the investor heavy hitters)

13. CAGR curve climb. The app-segment line drawing upward 2024 to 2030 with the 20 percent slope called out. (Recharts in Remotion.)
14. Adoption map. A map lighting up with the 80 percent and 72 percent stats animating in. (D3 or Remotion.)
15. TAM nested circles. Market, app segment, our wedge, as nested glowing rings. (Remotion.)
16. The Calm comparison. A respectful "category proven" beat: Calm's arc to a 2B valuation, then "here is the next chapter," without inviting a direct meditation-app compare. (Remotion timeline.)

Movement and product

17. Ripple of enrollment. One person lights up, then their circle, then the network spreads outward across a map, the viral and affiliate loop. (Three.js or GSAP.)
18. The cadence wheel. Moon phases turning, a fresh audio dropping each new moon, the retention engine. (GSAP.)
19. Event-footage treatment. A grade and motion-graphics frame for your real Sept 11 and 11/11 footage: gold light leaks, lower-thirds, the crowd in transformation. (Remotion overlays on your footage.)

How to push the existing 15 scenes more cinematic (cheap upgrades)

• Drop a Three.js star and nebula field behind every current scene so nothing sits on flat green.
• Add particle dissolves between scenes instead of hard cuts.
• Add depth: parallax layers, soft focus, volumetric glows on the gold.
• Let text arrive with the blur-in and stagger we set for the films, not plain fades. I can apply all of this to the current scenes on request, they become the "stations" in the flythrough.

Build-where (so you know what costs what)

• I can build now, free, in Cowork: all the GSAP, HTML, and Three.js concepts above.
• I write, Claude Code renders on your Mac: the Remotion and Recharts and D3 concepts (real video files, transparent overlays). I am adding starter compositions to Affirmology_RemotionGraphics/ now.
• Needs Higgsfield credits: the cinematic stills and footage, and image-to-video drift.

What I am putting on the board with this note

• This catalog (lots to pull from).
• New Remotion compositions in Affirmology_RemotionGraphics/ for the data beats (a counter and an animated market chart), so you have real Remotion to render and judge against the HTML look. Tell me which three or four concepts excite you and I will build them out first.