# Redesign Lab — Miles Wolf Allen
A collection of experimental redesigns of milesallen.site — work in progress.

LAB
Work in progress

# RedesignLab.

Experimental redesigns of milesallen.site — exploring different design languages, animation approaches, and visual directions. The latest build sits on top; every prior iteration lives below in history.

Latest build
★ Latest — Current build
Spider

Full rebuild of milesallen.site as a spray-painted street-poster maximalist site. Yellow counter loader with ink wipe, custom cursor, count-up stats, a sticky 300vh D-E-V acronym scroll section (Dedicated / Experimental / Versatile), nine project rows, and a giant MILES footer word.

History — all experiments, newest first
11
Expression Five

MILES LAND — the portfolio as a playable Game Boy. A full CSS handheld shell (D-pad, A/B, START/SELECT) drives a 160×144 four-shade DMG screen: boot splash, PRESS START title, menu navigation, dialogue-box about with typewriter text, projects as paginated level select, skills as RPG stat bars, and a save-point contact screen that copies the email to your clipboard. Keyboard or on-shell controls.

10
Expression Four

MILES_OS — the portfolio as an amber-phosphor terminal. BIOS boot sequence, a real working command prompt (help / skills / projects / open 4 / sudo hire-me), neofetch-style system panel with live session uptime, skill meters, clickable project table, CRT scanlines and flicker, WebAudio key blips, and three switchable phosphor themes via `theme green`.

09
Expression Three

Modern simplistic maximalism — the page fluctuates between Swiss-quiet and neon-loud sections as you scroll, tracked by a live SOFT⇄LOUD volume meter. Anime.js v4 engine, animate.css hover flourishes, and ReactBits-style vanilla components (SplitText, Blur Text, Count Up, Magnet, Glare Hover, Click Spark, Scramble). Master LOUD toggle or press L.

08
Expression One

Paper + ink philosophy from index-five, rebuilt as a vertical-scroll page powered by Anime.js. Staggered entrance animations, elastic tagline reveal, scroll-triggered project rows, D-E-V panels with elastic letter bounces, count-up stats, and a scroll progress bar.

07
Timeline

Single-page portfolio as a horizontal 2021→2026 timeline: paper + ink with a rainbow year rail, parallax years, sticky cards with live screenshots, drag / wheel / arrow navigation, and a type-driven marquee hero.

06
Cinematic Max

The award-quality editorial design of index-four — same loader, inertia scroll, pinned horizontal devlog, GSAP parallax — but rebuilt as full maximalism. Dark bg, neon palette, Archivo Black, hard box shadows, glitch on the hero title, neo-brutalist project rows that fill with yellow/pink/cyan on hover.

05
Cinematic Minimal

Warm parchment palette, Playfair Display serif, smooth wheel inertia, counter loader, custom morphing cursor, pinned horizontal devlog scroll, GSAP parallax on the hero, project rows with ink-fill hover wipe.

04
Maximus v3

Polished Maximus language with orbital hero rings, scroll progress bar, sticky chip nav, 4 marquee bands, GSAP project card choreography, count-up stats, and Konami confetti.

03
Deep Green Editorial

Dark green + beige palette, Anton display type, custom cursor with label, expand/collapse project rows, sticky nav that color-switches between sections, and a full-screen yellow contact footer.

02
Multi-Theme System

Three switchable themes — dark, light, and MAX — with a live clock, mouse coordinate tracker, SVG signature draw animation, ambient audio toggle, and scroll progress bar.

01 — First
Maximus OG

The original Maximus design language. Dark bg, neon palette, Archivo Black + Press Start 2P, hard box shadows, splash screen, cursor glow, GSAP scroll choreography, project card parallax, and Konami party mode.