← Creative
🖼️
Random Poster Generator
Click a button, get a completely different piece of typographic art every time.
🟢 EasyDifficulty
2-3 hoursTime
JavaScript, TypeScriptLanguages
What you're building
A generative poster maker: every time you click Generate, it picks a random font pairing, a random color palette, a random headline layout, and composes them into a genuinely striking typographic poster. It's the same generative-design idea behind tools designers use for rapid inspiration, and it teaches you that 'randomness within constraints' is the secret to good generative art.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- Basic CSS
- A code editor
- A browser
🗺️ Build roadmap
01 Build the poster canvas layout with placeholder text
→
02 Add a curated list of font pairings
→
03 Add a curated list of color palettes
→
04 Randomize text position and size within safe bounds
→
05 Wire up the Generate button to reroll everything
→
06 Add editable headline/subtitle text inputs
→
07 Add a download-as-image feature
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free