These are the sites I build for the craft of it, each one in a different design
language. They run on my own cloud and open live right here on the page, so you
can look through them.
54 of 54 sites
onorergun.com/studio/bitsse/
Modern living, made by hand.
HTML
CSS
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/collag/
A frontend-only Mixed Media / Collage aesthetic showcase — the site of a fictional Berlin mixed-media studio & journal that "works in the seam." Photomontage, risograph overprint, torn-paper editorial and hand-cut typography, built as a static Next.js export.
HTML
CSS
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/kodex/
A frontend-only Cybercore aesthetic showcase — an underground signal collective brand rendered as a terminal/HUD interface: phosphor green-on-black, monospace-as-system, CRT scanlines and grain, corner-bracket panels, glitch bursts, and live telemetry.
HTML
CSS
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/hausform/
A frontend-only Bauhaus aesthetic showcase — a fictional design manufactory ("objects for rational living") built to prove mastery of the 1919–1933 Bauhaus visual language: geometric reduction, the primary triad, the strict modular grid, and honesty of the medium.
HTML
CSS
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/mopok/
A research-driven brutalist website — the site for MOPOK, a fictional independent design & type studio. Built to demonstrate the brutalist web aesthetic done properly (not neubrutalism, not "ugly"), and modern frontend craft.
HTML
CSS
Framer Motion
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/linden/
A Journal of Letters & Quiet Study — a frontend-only aesthetic showcase built in the canonical Light Academia visual language.
HTML
CSS
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/blokk/
A frontend-only Neo-Brutalism aesthetic showcase — the site for blokk, a fictional independent creative studio & digital magazine that "builds the web in blocks." Bold colour, big type, hard edges, real structure. No gradients, no fluff.
HTML
CSS
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/skpetch/
A frontend-only aesthetic showcase in the Conceptual Sketch design language: rough, hand-drawn linework, graphite-on-paper, engineering-drawing annotations — built as the public working journal of a fictional design studio, Parti.
HTML
CSS
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/cyberlook/
A research-driven cyberpunk aesthetic showcase — the storefront for OPTIC-X, an imaginary neural ocular implant. Built to demonstrate frontend craft and a derived, not guessed, cyberpunk design language.
HTML
CSS
Framer Motion
Next.js
React
Tailwind CSS
TypeScript
onorergun.com/studio/chirpi/
A frontend-only aesthetic showcase built in the Anthropomorphic design language — a mascot-led, character-driven site for chirpi, a warm little companion that helps you stay in touch with the people you love.