AnLog — All Design Options

Four full landing page versions. Click any card to view the rendered page.

Phase 3 — Fraunces + Work Sans

Emory Fraunces + Work Sans

Emory — Fraunces + Work Sans

Warm editorial register. 18 split-phone references, 5 video placeholders, 20 3D character references. Horizontal carousel for kid features. Alternating kid/parent sections with explicit labels. Caveat annotations for handwritten accents.

Agent Emory (Hermes profile, GLM-5.2 via Ollama Cloud)

Model GLM-5.2 — open-weight LLM, 32K context

Skills design-routing, web-typography, refactoring-ui, make-interfaces-feel-better

Method Built from Phase 0 Direction 4 (Scatterbrain) base. Incorporated award research patterns: split phone screen, alternating kid/parent rows, stat counters, horizontal carousel. Thariq's Four Directions pattern for exploration.

Build time 3m 50s, 34 messages

Note Stat counters in this version contain fabricated numbers — replaced with architecture proof points in Phase 3b.

Granville Fraunces + Work Sans

Granville — Fraunces + Work Sans

Stronger narrative voice. Split phone hero (kid's feed + parent's lock screen). "Same conversation, two views" moderation diagram. Playdate flow showing two-phone handoff. Copy reads like a founder wrote it — specific, parent-empathetic, conversational.

Agent Granville (Claude Code, Fable 5 via Claude Max 5x)

Model Fable 5 — Anthropic Claude, high effort, 80K output tokens

Skills CLAUDE.md context injection. PAI hooks (systematic-debugging, verification-before-completion)

Method Full creative freedom — not bound to any Phase 0 direction. Read CLAUDE.md + shared brief + award research + DESIGN.md. Built "The Family Ledger" concept: warm record-book page holding living phone screens. Self-verified with Playwright at 375px and 1280px.

Build time ~22 min, 40 max turns

Note Stat counters in this version contain fabricated numbers — replaced with architecture proof points in Phase 3b.

Phase 3b — Sakura Chroma (Big Shoulders + Albert Sans)

Emory Sakura: Big Shoulders + Albert Sans

Emory — Sakura Chroma

1970s Japanese zine / community catalogue aesthetic. Petal clusters, diagonal ribbon bands, starburst seals, mono spec rows with JetBrains Mono. Catalogue cards with colored topstrips. 6 phone screens (3 split pairs). Architecture proof points replace fake stats — 4 structural facts + 6-step safety timeline + 6-row comparison matrix.

Agent Emory (Hermes profile, GLM-5.2 via Ollama Cloud)

Model GLM-5.2 — open-weight LLM, 32K context

Skills design-routing, web-typography, refactoring-ui, make-interfaces-feel-better

Method Built from Phase 0 Direction 1 (Sakura Chroma) base. Kept original Sakura fonts (Big Shoulders Display 900, Albert Sans, JetBrains Mono). Added award research patterns: split phone, video placeholders, 3D character placeholders, alternating kid/parent sections. No fake stats — architecture proof points, safety timeline, comparison matrix.

Build time 15m 34s, 35 messages

Granville Sakura: Big Shoulders + Albert Sans

Granville — Sakura Chroma

"The Community Catalogue" — treats AnLog as a printed catalogue of good things to do. Mono spec rows with "ITEM NO. 01", "SCOPE: TOWN + COUNTY" labels. Governance ledger table (weekly entries with status badges). Moderation nudge diagram showing "what your kid sees" vs "what you see." Architecture proof points, no fake stats. 39/39 criteria verified.

Agent Granville (Claude Code, Fable 5 via Claude Max 5x)

Model Fable 5 — Anthropic Claude, high effort, 80K output tokens

Skills CLAUDE.md context injection. PAI hooks (systematic-debugging, verification-before-completion)

Method Full creative freedom within Sakura Chroma visual language. Read CLAUDE.md + shared brief + Phase 0 Sakura file + award research + DESIGN.md. Built "The Community Catalogue" concept. Governance ledger as proof section (no fabricated numbers). Self-verified with Playwright at both widths. Found and fixed 2 defects during review.

Build time ~17 min, 40 max turns

Phase 0 — Original 4 Design Directions (exploration only)

AnLog — All Design Options

Emory — Fraunces + Work Sans

Granville — Fraunces + Work Sans

Emory — Sakura Chroma

Granville — Sakura Chroma

01 — Sakura Chroma

02 — Creative Mode

03 — BlockFrame

04 — Scatterbrain