Prompt gallery

A vocabulary for the sites you want.

Add key=value words to a /flow brief and each binds to real library knowledge — a structure playbook, an art-direction archetype, a motion and imagery stance. So structure=bento reliably means the bento playbook, not whatever the model improvises. Free text still works; the vocabulary is a menu, not a cage.

Your brieffree text — edit freely
structure=the page's spine
archetype=the whole art direction
imagery=how visuals are made
motion=how it moves
density=ideas per screen

Tip: click a selected chip again to clear it — an omitted axis isn't constrained.

your prompt
Paste this into Loupe's chat with experimental features on. Each key=value unfolds host-side into a binding block appended to your brief — unknown values are reported, never silently dropped.

Ready-made

Six starting points.

Different structure + archetype pairings, each a different site. Copy one, swap the name and pages, and go.

engineer-grid

Instrument-grade SaaS

structure=bentoimagery=minimaldensity=dense
/flow Landing page for "Meterly" — usage-based billing for API companies.
Pages: Home, Pricing, Docs, Changelog.
structure=bento archetype=engineer-grid imagery=minimal motion=calm density=dense
Flat paper, hairlines, one prism accent.
luxury-dark

Architect's portfolio

structure=posterimagery=photodensity=airy
/flow Portfolio for "Halden" — an independent architect.
Pages: Home, Projects, Studio, Contact.
structure=poster archetype=luxury-dark imagery=photo motion=rich density=airy
Near-black, antique-gold, serif display.
brutalist-tech

Creative-engineering studio

structure=marqueeimagery=minimaldensity=dense
/flow Site for "Voltage" — a creative-engineering studio.
Pages: Home, Work, Team, Contact.
structure=marquee archetype=brutalist-tech imagery=minimal motion=rich density=dense
Raw grids, one signal color, zero rounding.
swiss-grid

Design journal

structure=editorialimagery=photodensity=airy
/flow Site for "Grid & Field" — a quarterly design journal.
Pages: Home, Issues, About.
structure=editorial archetype=swiss-grid imagery=photo motion=calm density=airy
12-column grid, one accent, whitespace.
retro-terminal

Open-source log pipeline

structure=diagramimagery=illustrationdensity=dense
/flow Marketing site for "Coldwire" — an open-source log pipeline.
Pages: Home, Features, Docs.
structure=diagram archetype=retro-terminal imagery=illustration motion=rich density=dense
Phosphor mono, scanlines, HUD blocks.
soft-organic

Plant-care companion app

structure=numeral-railimagery=photodensity=airy
/flow Landing page for "Bloom" — a plant-care companion app.
Pages: Home, Features, Pricing.
structure=numeral-rail archetype=soft-organic imagery=photo motion=calm density=airy
Cream ground, organic shapes, warmth.

Reference

The whole vocabulary.

Every term is bound to knowledge in the bundled library. Mix them freely — or leave any axis out.

structure= — the page's spine

bentoA span-choreographed bento; every tile earns its cell with a drawn micro-visualization.
posterA sequence of full-viewport typographic posters — huge scale moments, inversion as punctuation.
diagramThe core section IS a diagram: nodes in a grid with real SVG arrows drawn on scroll.
editorialA long-form spine under strict split discipline — never 50/50 twice, one full-bleed break.
dwellA pinned scroll-dwell sequence — a sticky stage over a tall track, lit by scroll progress.
marqueeA kinetic outline-type marquee band divides sections at poster scale, whisper weight.
numeral-railSteps ride an oversized outline-numeral rail dwelling beside their copy.
demo-heroThe hero performs the product: a chrome-framed miniature runs a scripted loop.

archetype= — the whole art direction

engineer-gridFlat paper + ink, hairlines instead of shadows, a machine-voice mono for labels, one prism accent.
luxury-darkNear-black ground, one metallic accent, serif display, letter-spaced caps, slow confident motion.
brutalist-techRaw visible grids, extreme type-scale contrast, black/white + one signal color, zero rounding.
swiss-gridStrict 12-column grid, one saturated accent, grotesk sans, whitespace as the material.
retro-terminalPhosphor mono on near-black, scanline texture, terminal chrome, data-dense HUD blocks.
editorial-serifMagazine serif display + humanist sans, column rules, drop caps, warm paper, photography-led.
soft-organicCream ground, rounded organic shapes, gentle tonal gradients in one hue, airy humane copy.

imagery=

photoReal licensed photography in the hero and key sections.
illustrationCSS/SVG illustrations only — deliberate drawn visuals and diagrams.
minimalTypography-led — layout, type and color carry the design.

motion= · density=

calmTransform-only reveals, precise hovers, one quiet continuous system.
richScroll-driven reveals, a kinetic system, hover physics — everything eased.
webglA WebGL hero/background moment plus smooth scrolling, with a static fallback.
airyFew ideas per viewport, oversized whitespace, one statement per section.
densePacked information design — tight grids, data readouts, micro-labels.
template 
/flow Site for "<NAME>" — <what it is, who for>.
Pages: <3–5 pages>.
structure=bento archetype=swiss-grid imagery=photo motion=rich density=airy
<2–3 sentences of real content demands>

Got a prompt?
Point Loupe at it.

Download for Windows See the loop

Bring your own keys — everything stays on your machine.