Skip to content
Standout

Gallery

Everything here runs live.

Not videos, not mockups. The two featured demos are running right now; tap any card and it runs the exact code Standout hands your agent, palette-locked to a direction. 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.

Brightside Exteriors · a complete site from one brief: video world hero, drag-to-compare proof, velocity railOpen full screen →
Harbour Light · full page, world-hero + pinned annotations + ghost typeOpen full screen →

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

Ten 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

ambient

WebGL color field in the direction palette.

Image Ripple

move your pointer

Liquid displacement over a real photo.

Dot Matrix

drag through it

Live halftone in the pack ink.

Velocity Rail

scroll inside

A type rail that leans into your scroll.

Zoom Portal

scroll inside

A framed scene opens to full bleed.

Light Beams

ambient

Volumetric shafts, pure CSS.

Ember Field

ambient

Depth-layered glow drift.

Pulse Grid

move your pointer

A dot lattice with a survey pulse.

Spotlight Cursor

move your pointer

An accent light that follows you.

Pixel Displacement

move your pointer

The photo becomes a pixel grid that flees your pointer and springs back.

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.

Once connected, say this to your agent

Build from scratch

Build me a complete website for my business with Standout: start with get_design_direction, follow the workflow it returns end to end, then deploy it and give me the live URL.

Redesign my site

Redesign mysite.com with Standout: pass my URL to get_design_direction, keep every real fact on the page, and rebuild it section by section.

Make it unforgettable

Make my homepage unforgettable: ask Standout for a showpiece, generate the scene it prescribes, and build the hero around it.

Check it's wired up:ask your agent to list Standout's design directions. It's a free call, it won't spend one of your 25. A list of named directions back means you're connected. A license error means the key wasn't swapped in.