05-page-running-weeks

Style: chalk (chalkboard aesthetic) Aspect Ratio: 3:4 (portrait) Layout: 4 horizontal cinematic strips (timeline)

Character Reference

Maintain exact character appearances from characters/characters.png:

  • PLANNER: Distinguished boxy robot, chalk blue (#66B3FF) accents, clipboard, antenna baton

  • WORKERS: Sturdy compact robots, chalk orange (#FFB366) accents, work helmets

  • CODE MOUNTAIN: Stacked code file rectangles forming mountain shape with flag at peak


Image Prompt

Chalkboard comic page illustration, cinematic 4-strip horizontal timeline layout, dark blackboard background (#1A1A1A), hand-drawn chalk style.

PAGE LAYOUT: Four horizontal strips stacked vertically, each representing a stage in the timeline. Clear progression from Day 1 to Week 1.


STRIP 1 (TOP QUARTER) - "Day 1 - The Beginning":

Wide establishing shot showing the project start:

  • Left side: PLANNER on small platform, directing with clipboard raised

  • Center: First wave of WORKER robots deploying, marching forward (4-5)

  • Right side: Brand new CODE MOUNTAIN just starting as a SMALL HILL

    • Only a few stacked code blocks

    • Fresh, clean chalk lines

Caption box: "DAY 1" in bold chalk with underline

Narrator text: "Building a web browser from scratch"

Floating task list appearing (chalk handwriting):

  • "☐ HTML Parser"

  • "☐ CSS Engine"

  • "☐ JavaScript Runtime"

Atmosphere: Fresh start, dawn feeling, optimistic but the journey just began


STRIP 2 (SECOND QUARTER) - "Day 3 - Momentum Building":

Dynamic action-packed shot showing full speed work:

  • Many WORKER robots in action (8-10, representing hundreds)

  • Some carrying code blocks, some typing/coding at stations

  • Movement lines showing speed and activity

  • Code blocks FLYING through the air toward the mountain

  • CODE MOUNTAIN now MEDIUM sized - visible growth

Caption box: "DAY 3"

Stats floating in bold chalk:

  • "100+ agents"

  • "1000+ files"

Sound effects scattered:

  • "CLICK!" "PUSH!" "MERGE!"

Energy: Fast-paced, energetic chalk orange and yellow accents, speed lines, activity


STRIP 3 (THIRD QUARTER) - "Week 1 Complete - Achievement":

Epic wide celebration shot:

  • WORKERS with raised fists, celebrating poses

  • PLANNER surveying from elevated position, satisfied expression

  • CODE MOUNTAIN now MASSIVE - reaching toward top of strip

    • Flag at the summit peak

    • Browser window shape subtly visible in the mountain structure

    • Clouds drawn around the peak

Caption box: "WEEK 1 COMPLETE" in larger text

Giant celebratory text: "1 MILLION LINES OF CODE" with:

  • Stars burst around the text

  • Sparkles and confetti marks

  • Chalk green (#90EE90) and yellow (#FFE566) success colors

Atmosphere: Triumphant, achievement unlocked, green and gold celebration tones


STRIP 4 (BOTTOM QUARTER) - "It Works!":

Reveal shot showing the result:

  • All agents (PLANNER + WORKERS) looking at a floating BROWSER WINDOW

  • The browser window shows an actual rendered webpage:

    • URL bar with "fastrender/browser"

    • Simple rendered page visible inside

    • Working product!

  • Amazed, proud expressions on robots

Narrator text: "Despite the codebase size, new agents can still understand it and make meaningful progress"

Visual focus: The glowing browser window as the payoff

  • Chalk highlight aura around the browser

  • Success green accents


TIMELINE PROGRESSION: Clear visual story arc across the strips:

  1. SMALL (beginning, small hill)

  2. GROWING (momentum, medium mountain)

  3. MASSIVE (achievement, peak with flag)

  4. RESULT (working product revealed)

STYLE NOTES:

  • Horizontal strips emphasize timeline/film reel feel

  • Clear time captions for each stage

  • Growing scale of CODE MOUNTAIN shows progress

  • Energy and activity increase through strips

  • Celebration peak in Strip 3

  • Satisfying payoff in Strip 4

  • Chalk texture maintained throughout

  • Portrait 3:4 aspect ratio

Last updated