Local design explorations. Each card links to a standalone demo site.
Dark charcoal + warm gold. Rotating hero, filterable gallery, purchase modal.
HTML · Tailwind · Vanilla JS
v1's layout and palette, plus layered hero motion: scroll parallax (background lags, foreground recedes) and a more dramatic rotation transition.
HTML · Tailwind · Vanilla JS
Same layout, retheme: deep navy background, bright white type, sharp blue accents.
HTML · Tailwind · Vanilla JS
Same layout, retheme: bright white background, deep navy ink, sharp blue accents.
HTML · Tailwind · Vanilla JS
Five independent design directions built from SeedPrompts/*.md briefs, using real reference paintings from Art/ instead of gradient placeholders.
Hard-edged near-black/off-white color blocks, one hot accent, clip-path curtain reveals and wipe-transition lightbox.
HTML · Tailwind · Vanilla JS
Quiet putty tones, staggered scroll-reveal gallery, side dot-rail nav instead of a header bar.
HTML · Tailwind · Vanilla JS
The quiet baseline: flat white, no hero, uniform grid, one 200ms fade — restraint as the whole design statement.
HTML · Tailwind · Vanilla JS
Linen canvas-weave texture, matted framed hero, tilt-on-hover gallery tiles, torn-paper section dividers.
HTML · Tailwind · Vanilla JS
Near-black gallery-at-night mood with a cursor-following radial glow; gallery tiles brighten with a gold hover-glow.
HTML · Tailwind · Vanilla JS
Asymmetric magazine-spread layout, vertical page-number rail, curated non-uniform gallery, click-to-spread instead of a modal.
HTML · Tailwind · Vanilla JS
Pinned dark bio panel on one side, independently-scrolling light gallery on the other — a genuinely different browsing structure.
HTML · Tailwind · Vanilla JS
Pinterest-style native-aspect-ratio masonry with animated FLIP re-flow on filter switch and per-tile sampled-color borders.
HTML · Tailwind · Vanilla JS
Sequential full-viewport paintings, one moment at a time, with independent background/foreground parallax per section.
HTML · Tailwind · Vanilla JS
The gallery scrolls sideways — native snap-scroll filmstrip with scale-based depth cueing and a progress bar.
HTML · Tailwind · Vanilla JS
Each painting reveals itself through an animated SVG brushstroke mask, as if being painted onto the page.
HTML · Tailwind · Vanilla JS
Thumbnails default to a bold navy/coral duotone, crossfading to full color on hover or tap — discovery built into browsing.
HTML · Tailwind · Vanilla JS
Gallery + a dated studio-journal tab with a drag-to-compare before/after slider on process entries.
HTML · Tailwind · Vanilla JS
One continuous illustrated essay — paintings appear as the story mentions them, not in a separate gallery grid.
HTML · Tailwind · Vanilla JS
Clean uniform grid with native View Transitions zoom: thumbnail grows into a fullscreen view and shrinks back — app-like, no library. Fallback for Firefox.
HTML · Tailwind · Vanilla JS
Slowly drifting gradient-mesh hero behind soft rounded gallery cards with colored medium pills. Friendly, approachable, warm.
HTML · Tailwind · Vanilla JS
Strict grayscale chrome, zero accent — the paintings themselves are the only color on the page. Hover flashes a sampled border pulse per tile.
HTML · Tailwind · Vanilla JS
Corkboard scrapbook: rotated photo-corner cards that flutter in on load, torn-edge dividers, typewriter + script type, rust-red stamps.
HTML · Tailwind · Vanilla JS
The loud end of the spectrum: oversized Archivo Black headline split behind and in front of the hero painting, visible Swiss rule-line grid, red printed-plate numbers.
HTML · Tailwind · Vanilla JS
Quiet ivory nature-journal mood: single-line sage-green sprigs that draw themselves in on scroll, matted gallery tiles, one accent hairline.
HTML · Tailwind · Vanilla JS
Six of the templates above, retheme'd against a single brand palette to show how far one identity can stretch across different structures. Same layout and interactions as each original — only palette and type change: Deep Navy, Teal, Magenta and Gold, with Cinzel headings and an Alex Brush script accent.
Same uniform grid → fullscreen-zoom interaction as the original. Retheme'd to Soft Cream/Deep Navy with a Teal accent — the brand's own "signature" color.
HTML · Tailwind · Vanilla JS
Same dark rotating-hero layout, filterable gallery, and purchase modal. Kept dark on Deep Navy instead of charcoal, with a Gold accent.
HTML · Tailwind · Vanilla JS
Same navy/magenta duotone-to-color hover crossfade mechanism — the original's navy/coral duotone pair became Deep Navy/Magenta.
HTML · Tailwind · Vanilla JS
The most natural fit of the six — this template's deep-navy background was already close to the brand's own Deep Navy. Blue accent swapped for Teal.
HTML · Tailwind · Vanilla JS
Same oversized poster-headline concept in Cinzel, Magenta + Gold accents. Headline scale was retuned to fit a longer surname without clipping.
HTML · Tailwind · Vanilla JS
Same snap-scroll filmstrip, depth-cue scaling, and progress bar. Original brick-red accent replaced with Magenta.
HTML · Tailwind · Vanilla JS
Design-system mimicry demos, built by sampling a reference site's live palette, type, and layout — content is a fictional placeholder client, not the reference business.