@jasondoesstuff
Editorial microsite
✦ClaudeEditorial microsite
10-page horizontal editorial magazine (single HTML)
A brand magazine you swipe sideways, from cover to back cover, as one HTML file.
Original X post
Create a 10-page horizontal-swipe editorial magazine as a single HTML file.
My brand: [PRODUCT NAME], [URL], primary color [HEX/HSL], heading font [GOOGLE FONT], body font [GOOGLE FONT]
Pages: Cover, Problem, Solution (steps), Features, Audience, Competition, Origin Story, Launch/Traction, Tech, Back Cover
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.]
Design rules (non-negotiable):
100vw x 100vh pages, horizontal scroll-snap, no vertical scrolling
Full-bleed edge-to-edge layouts only. No padded cards floating on backgrounds
Split layouts (left/right color blocking), viewport-filling grids, 2x2 quadrants
Key stats rendered at 100px+ font size as visual anchors
Dark panels on 3+ pages for contrast. Cover and back cover are dark
Each page a different background tint. Nav dots at bottom. Arrow key support