Showcase

Real work, generated with Open Design.

Not mockups — shipped launch sites, working prototypes, presentation decks, and published motion pieces. Filter by type and judge the output quality yourself.

Landing pages

Claude Fable 5 — model intro site

A complete model-introduction site — hero, capabilities, pricing — one-shotted and shipped live.

Made with Open Design View live site ↗
Landing pages

Open Design — Y2K brand page

Sticker-collage Y2K brand statement with liquid 3D type, generated as one self-contained HTML file.

Made with Open Design
Website replica demo Landing pages

Oryzo product page

A faithful re-creation of an award-winning product page, demonstrating web-replication fidelity. Original design by Lusion.

Made with Open Design
Prototypes

GitHub analytics dashboard

Repository analytics prototype — stars, forks, contributors, issues — rendered as a working page.

Made with Open Design Open as template ↗
Prototypes

Editorial-minimalist prototype

Warm monochrome canvas and serif display type; a web prototype with a strong editorial voice.

Made with Open Design Open as template ↗
Prototypes

Brutalist print prototype

Swiss industrial-print treatment — newsprint canvas, monolithic black type — as a web prototype.

Made with Open Design Open as template ↗
Decks

Swiss International deck

16-column grid, one saturated accent, 22 locked layouts — a full presentation system.

Made with Open Design Open as template ↗
Decks

Investor pitch deck

Investor-ready 10-slide HTML pitch deck with a white + blue→purple gradient system.

Made with Open Design Open as template ↗
Decks

Biennale Yellow deck

Solar yellow on warm parchment with deep indigo serifs — an art-book deck treatment.

Made with Open Design Open as template ↗
Videos

Open Design 0.10.0 launch film

“From prompts to design loops.” The 0.10.0 release film, authored end-to-end in Hyperframes.

Made with Hyperframes Watch on X ↗
Videos

Open Design 0.9.0 launch film

“Bring any model. Run any agent.” The 0.9.0 release film, authored in Hyperframes.

Made with Hyperframes Watch on X ↗
Videos

Open Design Cloud × Claude Fable 5

Partnership announcement film for Claude Fable 5 on Open Design Cloud, generated with Seedance 2.0.

Made with Seedance 2.0 Watch on X ↗
Videos

Shanghai meetup teaser

Event teaser for the Shanghai community meetup — dot-matrix globe and all — built in Hyperframes.

Made with Hyperframes Watch on X ↗
Videos

Osaka / Kyoto meetup teaser

Event teaser for the Osaka / Kyoto hands-on meetup, built in Hyperframes.

Made with Hyperframes Watch on X ↗

Why it looks different

What you just saw is real output — not artboards.

Ships as real code

Every piece above is HTML/CSS/JS you can open, host, and iterate on — not a canvas that still needs a handoff.

Any model, any agent

Generated by the coding agents and models you already use; Open Design orchestrates them into design work.

Open source, self-hostable

The engine behind these works is open source. Run it locally, keep your work on your machine.

Systems, not one-offs

Decks and prototypes come from reusable templates and design systems — fork one and make it yours.

See how Open Design compares →

Claude Fable 5 — model intro site

Open Design — Y2K brand page

Oryzo product page

GitHub analytics dashboard

Editorial-minimalist prototype

Brutalist print prototype

Swiss International deck

Investor pitch deck

Biennale Yellow deck

Open Design 0.10.0 launch film

Open Design 0.9.0 launch film

Open Design Cloud × Claude Fable 5

Shanghai meetup teaser

Osaka / Kyoto meetup teaser

What you just saw is real output — not artboards.

Ships as real code

Any model, any agent

Open source, self-hostable

Systems, not one-offs