StyleRef.io: Landing Page for AI Style Extraction

StyleRef.io turns reference images into a structured style spec that you paste into any AI tool to get consistent results. The landing page had to explain an abstract idea, “your style, as data”, in a few seconds.

Show it, don’t tell it. The product’s own process is the hero: three photos in, one style out.

Hero: a slot that takes three references and extracts colour, material and camera rules line by line, as the visitor watches.

Proof: the same style applied to three unrelated prompts (boots, a dog, an office chair), all in one look.

Gallery: one style per row, across many different subjects.

Restraint: quiet type and a warm neutral palette, so the extraction carries the story.

Deliverables Landing page design, interaction and motion design, and a showcase film.

Role & tools Art direction, UI, interaction and motion. Tools: My AI Studio, Next.js, Claude.

See it in action → styleref.io