Back to the library

10 Design Directions You Can Steal

prompt

Note: Pick a style, copy its line, and paste it into the prompt below. Open your project in Claude Code (or Codex, or any coding agent) first.

Here's the list from the video, plus the 10 more I promised. Every picture is the same homepage (same headline, same house, same three services), so the only thing that changes is the style, which makes it a lot easier to see what each one does.

They get more niche as you go down.


The prompt

Paste this in with your project open and drop one of the style lines into the gap.

Restyle my site in this direction:

[PASTE A STYLE LINE FROM THIS PAGE]

Keep every page, every word and every link I already have. Change the
look only: type, colour, texture, image treatment, buttons, icons and
the lines between sections.

Commit to it. Every element should look like it belongs in that world,
down to the buttons and the icons, and nothing should be left in the
default look. If the style needs illustrations or treated photos, tell
me exactly what to make and where each one goes.

Show me the homepage first and wait for my go before the rest.

Blueprint

A homepage drawn as a blue architectural blueprint

Architectural blueprint. Deep cobalt blue background with a faint grid. Everything is drawn in thin white and pale blue lines: wireframe line drawings instead of photos, dimension lines and callout notes labelling parts of the page, outlined buttons, a thin geometric sans in capitals.

Halftone comic

A homepage in pop-art comic style with halftone dots

Pop-art comic print. Cream paper, heavy halftone dot shading, black ink linework over flat red, blue and yellow. Chunky condensed headline with a yellow marker underline, action lines around the hero, round colour icon badges, typewriter body text.

Psychedelic poster

A homepage styled like a 1960s psychedelic concert poster

1960s psychedelic concert poster. Swirling bands of orange, pink, teal and yellow with a radiating sun. Fat, melting bubble lettering in black. Retro flower shapes, rounded pill buttons, photos set inside wavy blobs.

Art nouveau

A homepage framed in art nouveau vines and flowers

Art nouveau, in the style of an Alphonse Mucha poster. Cream and sage green with muted coral. Sections framed in whiplash vines, lilies and poppies. A tall, elegant display serif with flowing strokes, arched panels, ornamental dividers, painted illustration instead of photos.

Letterpress wood type

A homepage set in letterpress wood type with woodcut illustrations

Letterpress and woodcut. Aged cream paper, a huge black and rust-orange wood type headline, slab serif and typewriter text. Black and white linocut illustrations, a big flat red sun, printed rules between sections, square outlined buttons.

Wayfinding

A homepage styled like airport signage with big arrows and numbers

Airport and transit signage. Heavy grotesque in capitals, huge numerals, big directional arrows. Safety yellow, black and a signal green on a hard-edged panel grid. Sections marked 01 02 03, pictogram icons, coordinates in small print.

Photocopy zine

A homepage made of photocopied collage, tape and handwriting

Photocopied DIY zine. Grainy black and white xerox texture, torn paper, masking tape and cut-out collage. Rough stencil headline, typewriter text and handwritten notes, doodled icons. One highlighter-yellow sticker for the main button, nothing else in colour.

Op art

A homepage surrounded by warped black and white op art stripes

Black and white op art. Warped stripes that bend around the content, with the hero photo cut into an organic hole in the pattern. Bold warped display type. Cream and black only, pill-shaped outlines, concentric circle icons.

Botanical plate

A homepage styled like an antique botanical illustration plate

Antique botanical plate. Warm cream paper, finely engraved and hand-tinted leaves and flowers. A classic book serif, italic Latin plant names as labels, "Plate No. VII" captions, dark olive buttons, engraved plant icons.

Topographic

A homepage covered in contour lines with the photo in a map-shaped cutout

Topographic survey map. Pale cream with fine contour lines across the whole page. The hero photo sits inside a cutout shaped like a contour. Elevation numbers, a north arrow and a scale bar, a serif headline with mono labels, plain triangle, circle and square icons.

10 more

No pictures for these ones. Same prompt, same idea: paste the line in and see what comes back.

Bauhaus

Bauhaus. Primary red, blue and yellow with black on off-white. Circles, squares and triangles as the main graphic elements, strict grid, a geometric sans in lowercase, text set at right angles.

Memphis

1980s Memphis design. Pastel pink, mint and yellow with black squiggles, confetti shapes, zigzags and terrazzo speckle. Chunky geometric type, offset solid shadows on every card and button.

Mid-century travel poster

1950s travel poster. Flat screen-printed shapes, three or four colours, no gradients, long shadows, a big stylised landscape in the hero. Wide hand-lettered style headline, rounded sans for body text.

Y2K chrome

Y2K chrome. Liquid silver metal, glossy bubble buttons, iridescent highlights, pale blue sky gradients, lens flares. Wide extended sans, translucent plastic panels, star and sparkle icons.

Risograph

Risograph print. Two spot inks only (fluoro pink and teal) overprinting on off-white, with slight misregistration and grainy fills. Photos as duotone halftones, bold grotesque type, visible paper texture.

CRT terminal

Old CRT terminal. Green phosphor text on black, scanlines, a soft glow and a slight screen curve. Monospace everywhere, ASCII box borders, a blinking cursor, buttons written like commands in square brackets.

Constructivist poster

Soviet constructivist poster. Red, black and cream. Hard diagonal layout, heavy condensed sans set at angles, photomontage cut-outs, big arrows and circles pointing at the headline.

Ukiyo-e woodblock

Japanese ukiyo-e woodblock print. Indigo, muted red and paper beige, flat colour areas with fine black outlines, stylised waves and clouds framing each section, vertical title panels, a red seal stamp as the logo mark.

NASA graphics manual

1970s NASA graphics standards manual. White and warm grey with one red, modular grid, technical diagrams and mission photos, a rounded modernist wordmark, numbered spec labels, generous whitespace.

Cyanotype

Cyanotype sun print. Deep Prussian blue with white silhouettes of plants and objects, as if exposed on paper. Soft uneven edges, brushed borders, a typewriter serif, handwritten pencil labels.

Get the next guide when it's ready.

You're on the list.