AI Garage

Item: AI Garage
Rating: 7.1

Portfolio of a senior product designer building AI tools.

bryangarage.dev Save page

7.1/10MABTU rating

Home

/showcase

DESKTOP · 1440 × 3,303/ ↗

MOBILE · 390

Section outline · Home

01heroAI Garage392
02hero660
03content392
04contentPixelAgent795
05features gridBuild the interaction. Put it in motion. Learn what holds up with real behavior.549
06content285
07content900

Rating · Home

Visual design7.0

UX & clarity6.3

Originality7.4

Craft & consistency6.8

Motion6.8

Performance & a11y9.0

This page scores 7.1; the site score weights the home page double.

Main colours

Dark·black background·mono

Typography

Instrument Serifheading · serif · google Geistbody · sans · google Geist Monoaccent · mono · google

Stack & style

Next.js React Three.js

Retro Grain / texture Dark tech Custom cursor Hero video Horizontal scroll Sticky header

Also: Vercel, Google Analytics

Design DNA

Near-black page with a mono-and-grotesque pairing; short bio in the top left with brand names in white, a live clock and terminal links in the right column. Hero is a dithered orange light beam with a floating CLI window mockup. A horizontal career timeline with logo chips, a two-column grid of project cards with tech chips, ASCII dot-art tiles and a closing prompt line 'bryan@garage ~ %' with a blinking orange cursor.