Back to prompts
✦ClaudeDesign
10-page horizontal editorial magazine (single HTML)
A brand magazine you swipe sideways, from cover to back cover, as one HTML file.
Loading the original X post…
Open original on XA brand magazine you swipe sideways, from cover to back cover, as one HTML file.
The prompt
✦Claude
| 1 | Create a 10-page horizontal-swipe editorial magazine as a single HTML file. |
| 2 | |
| 3 | My brand: [PRODUCT NAME], [URL], primary color [HEX/HSL], heading font [GOOGLE FONT], body font [GOOGLE FONT] |
| 4 | Pages: Cover, Problem, Solution (steps), Features, Audience, Competition, Origin Story, Launch/Traction, Tech, Back Cover |
| 5 | About my product: [PASTE WHATEVER YOU HAVE: pitch deck text, landing page copy, about page, notes, bullet points. The more the better but anything works.] |
| 6 | Design rules (non-negotiable): |
| 7 | |
| 8 | 100vw x 100vh pages, horizontal scroll-snap, no vertical scrolling |
| 9 | Full-bleed edge-to-edge layouts only. No padded cards floating on backgrounds |
| 10 | Split layouts (left/right color blocking), viewport-filling grids, 2x2 quadrants |
| 11 | Key stats rendered at 100px+ font size as visual anchors |
| 12 | Dark panels on 3+ pages for contrast. Cover and back cover are dark |
| 13 | Each page a different background tint. Nav dots at bottom. Arrow key support |
What this prompt is good for
Visual direction
Moodboards, style guides, and design briefs
Marketing creative
Hero artwork and high-converting visual assets
Brand identity
Consistent aesthetics across typography and form
Rapid prototyping
Iterate variations in seconds with precision
