Redesign gallery
Redesign Gallery
100 complete redesigns of this site, each built by an AI agent from one design direction. Every one is a full site: home, projects, writing, AI, about, an article, and the pattern library.
Swiss International Style
A Müller-Brockmann poster turned into a website: one visible 12-column grid, one grotesque, black on paper, and a single Swiss red.
Editorial Magazine
antjanus.com as a monthly print magazine: a giant Bodoni nameplate, a real contents page, drop caps, pull quotes, and a reversed fiction section.
Web Brutalism
The site as a hypertext document with its skeleton showing: system fonts, default-blue underlined links, 3px black rules, every region stamped with its own HTML tag, and an X-ray switch that outlines the whole DOM.
Neo-Brutalism
Antonin's site as a sticker-slapped zine: 3px ink outlines, zero-blur offset shadows, flat candy fills, and buttons that physically press into their shadow.
Bento Grid Layouts
Every page is one board of rounded, mixed-size tiles: the hero, the stats, the post lists, even the nav and footer are compartments in the same box.
Glassmorphism 2.0
Every readable surface is a frosted, rim-lit glass panel floating over a slowly drifting mesh gradient whose colours change section by section, with a one-tap switch to solid panels.
Terminal / CLI Aesthetic
The whole site is a shell session: prompt-line nav, ls -l listings, a neofetch hero, man-page patterns, a tmux status bar and a ⌘K command palette, on phosphor CRT or greenbar printer paper.
Kinetic Typography
A poster-sized variable-font site where every headline is fitted to the page and thickens, widens and slides as you scroll, and the homepage hands you the font's weight and width axes to play with.
Variable Font Expression
Two variable fonts carry the whole identity: each collection has its own position on the weight, width, casual, mono and slant axes, headlines react to scroll and pointer, and readers can retune the type from an Axes console.
Scroll-Driven Animations
The site as a scrubbable timeline: the scrollbar is a playhead, every section carries a keyframe ruler, and all motion is bound to scroll position in pure CSS.
View Transitions API
The site as a filmstrip: a timeline-scrubber nav whose playhead glides between pages, and cards that physically become the article or pattern you open.
Digital Garden Ethos
A field-notebook garden where every note carries a growth stage, lives in a topic bed, and shows its neighbours; topography over timelines.
Paper Notebook
The whole site is one ring-bound notebook: body text sits on real ruled lines, section tabs stick out of the page edge, and the author's asides live in red pen in the margin.
DIY Zine
antjanus.com as a photocopied, cut-and-pasted zine: ransom-note masthead, label-maker nav, xeroxed halftone photos, taped clippings and a tear-off 'work with me' flyer.
Risograph Print
antjanus.com pulled as a two-drum riso zine: fluorescent pink over blue on cream stock, with real overprint, halftone photos and a few pixels of honest misregistration.
Bauhaus Revival
Kandinsky's 1923 shape-color key turned into navigation: yellow triangle for AI, red square for writing, blue circle for projects, set in heavy lowercase Jost on thick black rules.
Memphis Design
Memphis Milano, 1981, as a personal site: Bacterio squiggles, laminate-bright clashing color, black outlines and hard offset shadows around a very readable blog.
Y2K Futurism
Chrome type, holographic CD-ROM discs and Bondi-blue gel buttons: the personal site as a millennium-era tech brochure.
Vaporwave / Synthwave
antjanus.com as a late-night drive: a striped neon sun over a scrolling perspective grid, chrome Orbitron headlines with brush-script overlays, CRT-framed photos, and a pastel 'Mall Day' vaporwave mode for daylight.
Retro OS Desktop
antjanus.com as AJ/OS 26: a Windows 95 desktop where every section is a window, the nav is a taskbar with a Start menu, and the article opens in WordPad with code in MS-DOS Prompt windows.
Pixel Art / 8-bit
antjanus.com as a 16-color game cartridge: a title screen with a pixelated portrait, a HUD of career stats, worlds for each collection, and articles you clear stage by stage.
Solarpunk
A sunlit greenhouse of a personal site: arched glass windows, leaf-cut chips, a turning sun, and a seed-packet catalogue for the pattern library.
Soft Cottagecore
A developer's blog on grainy cream paper with arched-window photos, embroidered stat hoops, recipe-card article indexes, and a seed-catalogue pattern library.
Dark Academia
antjanus.com bound as a scholar's library: leather masthead, card-catalogue articles, Tufte-style marginalia, and a lamp you switch on for dark mode.
Monochrome Minimalism
Two colours, one typeface, no boxes: the whole site is built from type size, weight and very large gaps.
Maximalism
Gingham, polka dots, checkerboards and sunbursts stacked edge to edge, with every sentence sitting on a solid cream slab. More is more, and the text stays readable.
Claymorphism
The whole site molded from pastel clay: inflated cards, pressed-in wells, pebble stats and buttons that squish when you press them.
Neumorphism Revisited
Soft extruded surfaces pressed out of one tinted ground, with the contrast fixes neumorphism usually skips: 13:1 ink, 3:1 control edges, filled primary actions, and a Crisp depth knob.
Aurora Mesh Gradients
A luminous night-sky site where a slow, drifting aurora mesh sits behind glass cards with lit rims, gradient-ink headlines, and Stripe-style angled color bands.
Linear-Style Product Aesthetic
antjanus.com as a precision product: a near-black canvas, hairline grid frame, issue-style IDs on every post, and a Cmd-K palette that jumps anywhere.
Geist / Developer Minimal
antjanus.com as a developer-tool dashboard: Geist type, a framed 1200px grid with crosshair marks at the corners, dotted fields, hairline cells, and a dark mode that is black.
Documentation-Site Layout
antjanus.com rebuilt as a product's documentation: a sidebar tree, a Cmd-K search modal, versioned article groups with legacy banners, and callouts for every Why? and Question.
Hypertext Wiki
antjanus.com as a personal encyclopedia: every internal link previews on hover, previews nest, sidenotes sit in the margin, and every page shows what links to it.
Long-Form Sidenotes
A gwern.net-style scholarly site: grayscale ink, numbered sections, notes in the margin, and a preview popup on every link, so each page reads like an annotated essay.
Tufte Handout
The site as an Edward Tufte handout: one narrow serif column, a wide margin of side notes and figures, and word-sized sparklines drawn from the site's real publishing record.
Broadsheet Newspaper
antjanus.com as The AntJanus Dispatch: a blackletter flag, column rules, a headline ladder, datelines, and a real above-the-fold front page.
Swiss Poster
Every page is a concert poster: giant condensed numerals, a 30-degree Musica Viva tilt, and two ink plates of signal red and slate blue on warm paper.
Russian Constructivism
antjanus.com set as a 1920s agitprop poster: red wedges, black bars, halftone photomontage plates and a Lissitzky thumb-index for navigation.
Art Deco
Black lacquer and gold leaf: sunburst heroes, stepped-setback frames, and a skyline that closes every marquee.
Blueprint / Technical Drawing
The whole site drafted as a numbered drawing set: zone-marked sheet frames, ISO title blocks, dimension lines, leader callouts, and every photo printed as a cyanotype that develops to full colour on hover.
Circuit Schematic
The whole site drawn as one circuit: a live bus trace runs down every page, sections branch off it at junction dots, articles are DIP chips with reference designators, and the theme switch flips the drawing from schematic to populated board.
Personal Dashboard
antjanus.com as an operator console: a sticky sidebar app shell, KPI strips, a shipping-calendar heatmap, an event log and articles-per-year charts, all computed from the real publishing record.
Now / Stream Layout
The whole site is one reverse-chronological stream: timestamps lead in a mono gutter, a spine connects every post, and the home page opens on a dated /now status.
Tactile Card Stack
The whole site is a tabletop: posts are library index cards, stats are playing cards you can fan, patterns are a 40-card deck in five suits, and every card tilts under your cursor.
Index Card Catalog
The site is an oak card cabinet: drawers are the nav, colored guide cards open each section, and every article is a typed 3x5 catalog card with a call number and tracings.
Infinite Canvas
antjanus.com as a Figma/tldraw board: the home page is a real pan-and-zoom canvas, and every other page is a board of labelled frames wired together.
Keyboard-First / Command Palette
antjanus.com as a launcher: a Raycast-style list-and-preview hero, physical keycaps in a cream-and-slate GMK colorway, vim-style g-chords, a live status line of available keys, and a ? sheet drawn as a real keyboard.
Accessibility-First Design
A site that treats accessibility as its visual identity: 20px Atkinson Hyperlegible, 7:1 contrast in three themes, yellow two-tone focus rings, and a reader-controlled display panel on every page.
High Contrast Bold
antjanus.com as a wayfinding sign system: black, white and signal yellow, massive expanded type, and every collection carrying a transit-style route code.
Readability Research
A personal site set like a reading lab: every default comes from dyslexia and legibility research, and a Reading settings desk lets each visitor retune size, spacing, measure, font and tint site-wide.
E-Ink / Calm Tech
antjanus.com as an e-reader: sixteen greys, zero animation, pages you turn instead of feeds you scroll.
Slow Web
A quiet, paper-toned site that shows one thing at a time, keeps a steady spacing beat, and ends every page on purpose, with no feeds anywhere.
Organic Blobs
A river-stone field guide: every photo, stat, button and card is a soft asymmetric pebble on warm paper, in moss, clay, ochre and river slate.
Isometric Illustration
antjanus.com as a little isometric model city: every card is an extruded block, every page opens on a diorama drawn from real 30-degree projection math.
Layered Depth / Parallax
Scrolling is a descent: every section sits one plane deeper on a darkening ground, content floats above it as thick slabs, and the hero is a pointer-driven diorama of Boulder's Flatirons.
Monospace Grid System
Every box, image and gap is a whole number of character cells: one monospace face, a column ruler and line numbers in the margin, teletext double-height section stamps, and a [#] toggle that reveals the grid everything is set on.
ASCII Art
The whole site is a tractor-feed printout: FIGlet block-letter mastheads, frames drawn from real box-drawing glyphs, dot-leader indexes, and Antonin's portrait rendered in 5,800 characters.
Typewriter Manuscript
The whole site as a typed manuscript on a desk: Shunn-style title pages, Courier Prime on cream bond, red-ribbon strike-throughs, carbon-copy code, and a platen bar of typewriter keys.
Scrapbook Collage
Twenty years of work pasted into an album: taped polaroids, ransom-note headline, sticky-note callouts, label-maker section tags, and a black album page for dark mode.
Sticker Culture
antjanus.com slapped onto a laptop lid: every card is a die-cut vinyl sticker with a thick white cut border, a HELLO-my-name-is tag over the portrait, starburst stat badges, bumper-sticker principles, and luggage-label career history.
Comic Book Panels
antjanus.com printed as a four-color comic issue: every section is a tier of ink-bordered panels, with narration captions, speech balloons, starburst SFX and Ben-Day dots on newsprint.
Manga Layout
Every page is drawn as a manga page: ink-bordered panels with slanted parallel gutters, screentone, focus lines, speech bubbles for the voice and narration boxes for the asides.
Gamified / RPG UI
antjanus.com as a JRPG save file: menu windows with a pointing-hand cursor, a party status card, a quest log for the writing, an inventory of projects, a character sheet About page, and articles that fill an XP bar as you read.
Tabletop Character Sheet
antjanus.com as a filled-in D&D character sheet: printed ink-and-rubric form on parchment, every entry handwritten in the brand's slate-blue pen, projects as inventory, AI posts as a spellbook, patterns as feats.
Museum Exhibition
The site as a small museum: five painted wings, framed works with tombstone placards, accession numbers built from publication dates, and a floor plan for a front door.
Photographer Portfolio
antjanus.com hung like a photographer's gallery wall: full-bleed plates, museum-label captions, contact sheets, and a keyboard-driven lightbox.
Scandinavian Minimal
A linen-walled room with birch shelves: articles hang as matted prints, the I, AI stories stand as book spines, and the theme toggle turns on the pendant lamp.
Japanese Ma (Negative Space)
Sumi ink on kinari washi: an asymmetric field where the empty space between sections is part of the design, marked by vertical labels and one vermilion seal.
Wabi-Sabi
A handmade notebook on unbleached paper: sumi ink, bengara clay and moss, torn-edge photos, and kintsugi-gold cracks where other sites put dividers.
Nordic Noir
The site as a Scandinavian crime drama: letterboxed, cold-graded, rain on the glass, one sodium lamp left on, and the footer rolls end credits.
Cinematic Widescreen
The whole site is letterboxed: black mattes above and below every hero, Bodoni title cards, filmstrip scrollers, and an About page that rolls like end credits.
Music Player Metaphor
antjanus.com as a streaming app: collections are albums, articles are numbered tracks, and a persistent player bar tracks your reading like playback.
Audio-First / Podcast
antjanus.com as a podcast network: every article is a numbered episode, the collections are shows, and each article page is a set of show notes with a working reading player.
Spreadsheet UI
The whole site is a workbook: each page is a sheet, each block a merged range on columns A–L, and a live formula bar tells you what the cell under your cursor holds.
Native App Feel (macOS)
antjanus.com as a Mac app: a menu bar over a desktop wallpaper, one window with a source-list sidebar, a unified toolbar, Mail-style reading panes, Finder icon views and an About This Mac page.
Thumb-Zone Mobile First
The site as a phone app: every control, from tabs to filters to the reading toolbar, sits in the bottom third of the screen, and the desktop keeps it there as a floating dock.
Micro-Interaction Rich
A tactile, springy personal site where every press, hover, copy and subscribe answers back, with a footer switch that calms the motion down.
Oversized Navigation
The navigation is the hero: every destination is a condensed poster-sized word, the home page is a five-door index, and one Menu button opens a full-screen slate-blue list of the whole site.
Split Screen
A permanent 50/50 diptych: a fixed slate-blue identity pane on the left captions whatever the paper reading pane on the right is showing.
Horizontal Scroll
The site as a contact sheet: every section is a sprocketed filmstrip you scroll sideways, with frame counters, scrubbers and edge codes.
Single Column Purist
Every page, from the home page to the 40-pattern library, lives in one 36rem column of serif text; nothing ever sits beside anything else.
Text-Only / Low-Tech
antjanus.com as a sub-100 KB document: system fonts, dithered photos, images off until you ask, and a live page-weight receipt on every page.
Low-Carbon Web Design
A dark-by-default, system-font site where every image is a 4-tone dither and every page shows its own weight and carbon receipt against a 200 KB budget.
Dithered Imagery
Every photo on the site is pushed through a live 1-bit Bayer dither in two brand tones, while the type stays crisp; one switch develops the originals back to full tone.
Duotone Photography
The whole site is printed in two inks: every photo, tint, code block and button is ink on paper, with four swappable plates and a negative print for dark mode.
Gradient & Clip Type
Surfaces stay neutral paper and ink; every bit of color on the site lives inside a letterform, and each collection is identified by its own gradient.
Modern Serif Revival
A literary quarterly for a staff engineer: optical-size Playfair headlines, Newsreader prose, warm paper, oxblood ink, and roman-numeral chapters.
Big Grotesk
Agency-site swagger for a personal blog: Inter Tight Black set huge and tight, bone paper, one vermilion accent, and index rows that invert to ink on hover.
Personal Brand / Creator
Antonin's face, handle and newsletter lead every page, with real receipts (Watch Dogs 2 dotfiles, 680-star proverbs) as the social proof.
Studio Showcase
antjanus.com as a one-person design-studio site: giant grotesk-and-italic headlines, numbered case studies with credits tables, big project imagery, and a footer that is one huge call to work together.
Academic Paper
Every page typeset as a LaTeX preprint on a sheet of paper: title block, abstract, numbered sections, booktabs tables, captioned figures, and hyperref-boxed citations.
Field Notes / Explorer
The site as a naturalist's field journal: graph-ruled pages, every article catalogued as a specimen with a collection number, stamped, taped and logged at Boulder's coordinates.
Map / Cartographic
The site as a topographic survey sheet: each section is a summit on a real contour map, with a legend, grid references, and a red-dashed route through the best writing.
Botanical Illustration
antjanus.com as a working herbarium: every article is a mounted specimen with a typewritten label, every section a numbered plate, every pattern a page of a florilegium.
Cosmic / Space
A deep-space site where Antonin is the sun: the home page is an orbiting system of sections, collections are colour-coded by stellar class, and the article TOC is a flight trajectory.
Ocean Depth
Every page is a dive: it starts in sunlit shallows, crosses the thermocline, and sinks through twilight and midnight water to a black hadal footer, while a live depth gauge counts the metres and the cards glow like bioluminescent animals.
Seasonal / Time-Aware
A site lit by the real sky over Boulder: the palette drifts from dawn rose to midday blue to golden hour to indigo night, minute by minute, and the season sets the second accent.
Color Blocking
Every section is one flat, saturated plane of color, and the nav is a row of those same six blocks, so you always know which room you're in.
Noir Detective File
The whole site as a detective's case file: manila folder tabs for nav, typewritten dossiers, rubber stamps, redaction bars, and black-and-white photos under venetian-blind shadows.
Hand-Drawn Sketch UI
The whole site drawn in marker on a gridded whiteboard (and chalk on a blackboard at night): rough.js outlines that redraw themselves, taped photos, sticky-note callouts and a hand-drawn mind map of the writing.