HumanBuiltAI
Studio

Everything else I make.

Apps, brand identities and code experiments. The work that doesn’t fit in a case study but still shows how I think.

Apps

02 apps
Specs cover: art director glasses with brand assets in one lens and specs for AI in the other, over the line A brand kit for AI
16 BetaNext.js · Claude API · Gemini image API · A2UI
Specs Give it a small business’s messy brand files (a logo, a rough PDF, phone photos) and Specs turns them into a brand kit an AI agent can read. Then it uses that kit to art-direct Instagram posts, and every post explains its own design decisions. Try it with a demo brand Read the case study View on GitHub
Six Degrees of Kevin Bacon in glowing retro letters beside a waving bobblehead on a bright blue and pink backdrop
17Next.js · D3 · TMDB API
Six Degrees of Kevin Bacon Pick any two actors and it traces the films that connect them, live from TMDB’s movie credits. The search starts from both actors at once and meets in the middle, so it finds a path in seconds without mapping all of Hollywood. Dressed as a 1996 homepage, guestbook included. Play it

Branding

04 identities
01Identity · Hospitality
The Peacock Room See the identity
A cocktail lounge identity built on a fanned peacock-feather mark.
02Identity · Hospitality
Minibar See the identity
A small bar with a big welcome, and a rainbow underline that carries from sign to app icon.
03Identity · Real estate
Jim Cachey Realty See the identity
Chicago homes, exceptional people. A fine-line skyline set inside an arched window.
04Identity · Photography
Brockway Photography See the identity
People, places, stories. A quiet serif wordmark that lets the photographs lead.

Lab

06 live experiments

Small things, built to see what’s possible. Every piece is live: open one, change the code and watch it update. Some rely on hover, so touch may behave differently.

Little Monster Jams: an animated monster typing on a neon laptop
08SVG · CSS · JS
Little Monster Jams Open in playground
HumanBuiltAI spelled in colorful geometric letters
09GSAP · SVG · JS
HumanBuiltAI letters Open in playground
Soft painted flowers growing on a white canvas
10WebGL · GLSL · JS
WebGL flowers Open in playground
A 3D miniature of Wicker Park at night: brick buildings, wet streets and a Blue Line train pulling into Damen station
11Three.js · WebGL · JS
Wicker Park after the rain Open in playground
A floating 3D miniature of an East Village block with brick walk-ups, yellow cabs and Tompkins Square Park
12Three.js · WebGL · JS
East Village miniature Open in playground
A field of small dots rippling where the cursor passed
13WebGL · JS
Ripple dot field Open in playground
A fan of tilted instant photos
14CSS
Scroll-driven tilted cards Open in playground

Video

01 video

Motion pieces made in code: every frame is drawn with SVG and React, timed with GSAP and rendered to video.

15Remotion · GSAP · SVG
The Shining homage A 37-second tribute to Kubrick’s film, drawn entirely in neon line work: the hex carpet, a glide down the corridor to the twins, the hedge maze, the lobby and the elevator.

Icons

03 sets
Background
Line
AI Concepts Iconography{{ icAI.modeLabel }}

Human in the Loop

Emergent Behavior

Hallucination

Context Window

Agentic Autonomy

Model Drift

Synthetic Memory

Probabilistic Thinking

Alignment

Human Override

07Iconography · AI concepts
AI Concepts Ten icons for the ideas shaping how people work with AI, from context windows to human override. Solid fills, soft tints and small sparkles on a 64-unit grid, so they hold up in any color.
Background
Line
UX Principles Iconography{{ icUX.modeLabel }}

Gestalt Closure

Visual Hierarchy

Negative Space

Cognitive Load

Affordance

Progressive Disclosure

Hick’s Law

Fitts’s Law

Figure–Ground

Feedback Loop

08Iconography · Concepts
UX Principles Ten geometric marks for the ideas behind good interfaces, from Hick’s and Fitts’s laws to figure–ground. Built from circles, squares and solid fills on a 64-unit grid. Try them on a dark background or in your own color.
Background
Line
Accessible Amenities Iconography{{ icAA.modeLabel }}

Lactation Room

Adult Changing Station

Hearing Loop

Service Animal Relief Area

Quiet / Sensory Room

Emergency Refuge Area

All-Gender Restroom

AED / Defibrillator

Assisted Evacuation

Sharps Disposal

09Iconography · Wayfinding
Accessible Amenities Ten line icons for the facilities that often go unmarked, from lactation rooms to hearing loops and refuge areas. Drawn on a 64-unit grid with a 1.5 stroke and one dashed detail each. Change the background, line color and weight above.

Style guides

02 systems
Style guide imageCover or key spread, 3:2
05Style guide · Placeholder
Style guide title One or two lines on who it was for and what it covered: color, type, components, voice.
Style guide imageCover or key spread, 3:2
06Style guide · Placeholder
Style guide title One or two lines on who it was for and what it covered: color, type, components, voice.
Have something in mind? Let’s talk
© 2026 Scott GalettoBack to top ↑