🎨 Lucian & Gideon's Coloring Fun

The Story

Two little boys — Lucian and Gideon — needed coloring pages. Not just any coloring pages. They needed monster trucks doing backflips, T-Rexes fighting robots, and superheroes being super. The internet had options, sure. But none of them had that grandpa-built-this-for-you magic.

So we built them a website. From scratch. Because that's what design studios do — they solve problems. Even if the client is 4 years old and pays in hugs.

How It Works

The concept is beautifully simple — just like a good coloring book should be:

1. Pick a category — Monster Trucks 🚗💨, Dinosaurs 🦖, Robots 🤖, or Superheroes 🦸‍♂️
2. Browse the gallery — 20 unique illustrations per category (80 total!)
3. Hit Print — one click, clean print-optimized output, no ads, no popups
4. Color! — the fun part (crayons not included)

Features & Design Decisions

Under the Hood

Don't let the playful exterior fool you — this is a properly engineered web app:

Static pages with zero client-side JavaScript overhead. The site loads in under a second on any connection. Every image is optimized through Next.js's built-in Image component with lazy loading and responsive sizing. Auto-deployed to AWS Amplify on every git push — no manual deployments, no downtime.

Site Structure

lucianandgideon.com/
├── /                    → Homepage (category picker)
├── /monster-trucks      → 🚗💨 20 truck illustrations
├── /dinosaurs           → 🦖🦕 20 dino illustrations
├── /robots              → 🤖⚡ 20 robot illustrations
└── /superheroes         → 🦸‍♂️⚡ 20 hero illustrations

Each category page:
  → Responsive grid of illustration cards
  → Thumbnail preview with character name
  → One-click Print button
  → Print-optimized CSS @media rules
  → Back Home navigation