StandoutGet a keyGallery
Everything on this page is running live.
Not videos, not mockups. Each card runs the exact code Standout hands your agent, palette-locked to a direction. Move your pointer inside them. Scroll them. This is the output.
The showpiece tier
Scene-led pages where the visual world is generated for the business. Below: a complete demo page for a fictional church, then the five skeletons any agent can request with get_showpiece.
Video World Hero
Full screen →A looping cinematic clip IS the page; liquid-glass chrome floats on it and the headline blurs in word by word.
World Hero
Full screen →One master scene; the page lives inside it and bleeds past the frame.
Type Interlock
Full screen →Mega type behind the subject. Supply a transparent cutout and it rides through the words.
Monochrome Flood
Full screen →One hue owns the scene and the interface.
Annotation Scene
Full screen →Features become glass labels pinned INTO the photo.
Ghost Type Band
Full screen →The brand's one word, enormous and quiet, with the CTA riding on it.
The motion layer
Nine shader-grade ambient pieces - WebGL, canvas and scroll choreography - delivered finished through get_motion_recipes, always in the direction's own palette, with fallbacks and reduced-motion built in.
Gradient Mesh Flow
ambientWebGL color field in the direction palette.
Image Ripple
move your pointerLiquid displacement over a real photo.
Dot Matrix
drag through itLive halftone in the pack ink.
Velocity Rail
scroll insideA type rail that leans into your scroll.
Zoom Portal
scroll insideA framed scene opens to full bleed.
Light Beams
ambientVolumetric shafts, pure CSS.
Ember Field
ambientDepth-layered glow drift.
Pulse Grid
move your pointerA dot lattice with a survey pulse.
Spotlight Cursor
move your pointerAn accent light that follows you.
Twelve directions underneath
Every demo above inherits its colors, type and rules from a direction pack - the same system that keeps a whole site coherent. Each one opens a full sample build. Prefer plain prompt context? Every direction also ships as a free DESIGN.md file.
Coastal Film
Warm 35mm nostalgia for businesses near the water
Brutalist Ledger
Confident, typographic, zero decoration, for firms that sell trust
Neon Court
Athletic energy with hard shadows and shouty type
Porcelain Atelier
Quiet luxury with cream space and serif restraint
Terminal Grade
Engineering credibility: mono labels, grid lines, zero fluff
Harvest Table
Appetite-first warmth for places that feed people
Blueprint Works
Built-things credibility for trades and industrial outfits
Ink & Paper
Retro-print charm with modern bones
Midnight Gallery
Dark editorial drama for portfolios that need to feel expensive
Aurora Glass
Soft-glow depth for consumer apps that want to feel new
Field Notes
Organic, grounded warmth for growers and makers
Schoolyard Pop
Trustworthy play for education and family-facing brands
Your agent gets all of this in one connect.
Standout is a remote MCP server: directions, finished sections, set pieces, the motion layer, the showpiece tier, and a critic that can see. Free trial key, 25 calls, no card.