Inspiration
Eighteen worlds,
one starting point.
Every site I build is bespoke. To make that easier to picture, here are eighteen distinct directions, each one a fully designed example. Pick whichever feels closest to your brand and we can take it from there, or mix elements from a few. The last three are eye-catchers: live shader, variable-font playground, and a deliberately uncompromising raw-HTML throwback.
Neo-BrutalismHard Stamp
Neo-brutalist. Thick borders, flat colour blocks, hard offset shadows that slam on press.
Swiss / InternationalGrid Doctrine
Swiss modernist. Strict 12-col grid, primary accents, structure rendered as visual argument.
Slow WebClay & Oat
Earthy organic. Warm naturals, soft serifs, hand-sketched ink dividers.
Product CanvasCanvas Grid
Linear-style clinical precision. Faint canvas grid, gradient roundels, product mocks as hero art.
BlueprintDrafting Table
Architectural blueprint. Grid paper, dimension lines, technical annotations as ornament.
Card MosaicBento Tile
Modular card mosaic. Different-sized tiles, each showing one feature visually. Apple-led.
Print IndieRiso Bloom
Risograph print. Spot inks, paper texture, intentional misregistration.
Soft GradientSoft Mesh
AI-brand calm. Pastel gradient mesh, generous whitespace, quiet intelligence.
Studio TheatreCinema Theatre
Experiential studio. Dark canvas, oversized italic display, layered cinematic hero.
GalleryWall Space
Artist portfolio. Single-work hero, corner-drift labels, the work as the design.
SingularKeynote Hero
Apple-style. One product, one giant headline, one moment per viewport.
Friendly IllustratedHappy Hand
Notion-style. Warm pastels, hand-drawn illustrations, playful character, rounded everything.
Technical ElegantStripe Wireframe
Fintech precision. Light canvas, animated isometric line illustrations, quiet typography.
Editorial LongformThe Margin
Long-form publishing. Magazine columns, drop-caps, pull-quotes, classical serifs.
Hacker GlowNeon Terminal
Cyberpunk. Deep black, neon accents, monospace UI, fake telemetry as ornament.
Eye-catcherShader Hero
Heavy WebGL. Live GLSL canvas as the hero, type floats above a generative surface.
Eye-catcherAxis Play
Variable font playground. Type breathes through weight, slant and casual axes in real time.
Eye-catcherRaw HTML '96
True 1996 brutalism. Times New Roman, blue underlined links, no CSS pretension at all.