Design

Like your life depended on it...

Adaptive Grid

Adaptive Grid

A strict Swiss grid poster on a square module — lines, crosshair markings, and color blocks that reflow six columns down to three.

War Room

War Room

A wall of live HUD panels — DEFCON map, spinning globe, target dossiers — running itself like a movie command center.

Seismic Mesh

Seismic Mesh

A Fable 5 experiment — click to trigger a quake: the mountain rises, freezes at peak, and telemetry decodes in beside it.

Step Sequencer

Step Sequencer

A 16×11 grid across lead, bass, and drum layers — hit generate for an instant techno groove.

Slide Gallery

Slide Gallery

A row of slivers; hover one and it opens while the strip glides to keep it centered.

Ripple Cycle

Ripple Cycle

Click anywhere — a wave radiates from your finger and pulls the next frame through.

Kobold Blaster

Kobold Blaster

A horde shooter where Claude Code wrote the game and GPT-image-1 painted the sprites.

Chatroom

Chatroom

Two AI characters trade an opener; you join as the third.

Leaderboard

Leaderboard

Gamey leaderboard with cascading rank changes, character profiles, and award animations.

ASCII Reveal

ASCII Reveal

Images materialize from ASCII art before the photograph resolves.

Monono

Monono

A sparkly J-pop idol AI trapped inside a cheap entertainment device.

Camera Rig

Camera Rig

Virtual camera orbit controls that output JSON parameters for image-gen models.

Moodboard

Moodboard

Infinite canvas for arranging images, all local-first with no uploads.

Image to UI

Image to UI

Interactive components reverse-engineered from reference images.

Candy Icons

Candy Icons

Ten 3D app icons built from pure CSS and SVG gradients.

Card Stack

Card Stack

Scroll-driven stack where cards peel off and zoom to fullscreen.

Retro Bento

Retro Bento

Nine fictional hardware modules in a bento grid, where CrossFit Bento meets Retro Tech.

Retro Tech Control Panel

Retro Tech Control Panel

Hardware-inspired control panel rendered entirely in CSS.

CrossFit Bento

CrossFit Bento

Dark bento dashboard for CrossFit training data across nine widgets.

Sticky Notes

Sticky Notes

A swipeable stack of Post-its rendered from markdown, portable for any page.

Contact Sheet

Contact Sheet

Image folder browser for building file lists to share with LLMs.

Font Pairings

Font Pairings

Forty curated Google Font pairings, click-to-copy as an LLM prompt.

Modular Grid

Modular Grid

Swiss-inspired modular grid system with toggleable overlay and type specimen.

Day at a Glance

Day at a Glance

Workday timeline with a now-line that tracks real time.

CrossFit Design Challenge

CrossFit Design Challenge

Four AI personas each designed a dark-mode gym homepage.

Terminator - Text Scramble

Terminator - Text Scramble

Text that scrambles chaotically, then resolves line by line.

Brand Guidelines

Brand Guidelines

Interactive brand guidelines with live color and typography customization.

Blend

Blend

Swiss modernist gradient specimens with organic mesh gradients via SVG blur.