An expressive, playful neo-brutalist landing page for the fictional Gen-Z social app flok. The high-contrast, anti-corporate design uses a saturated tri-color palette (acid green #CCFF00, electric purple #7000FF, hot pink #FF0099) against deep black, mostly lowercase UI, 4px black borders, hard 6px offset shadows with no blur, and elements rotated ±3 degrees for a "placed" sticker feel — an ideal Gen-Z app marketing template. Space Grotesk drives tight bold headlines and DM Sans handles casual body text; the asymmetrical, modular layout runs from a floating sticky nav pill, through an acid-green two-column hero with gradient-text headline and tilted brutalist phone mockup surrounded by floating emoji stickers, a slanted black marquee, a 12-column bento feature grid with spanning cards and an embedded mini-dashboard, a brutalist <details> FAQ accordion, a hot-pink giant CTA section, and a footer with a 10vw ghost wordmark. Generated with Claude Fable 5.
This is a static project — open index.html in a browser, or serve the folder:
python3 -m http.server 8000See prompt.md for the full build spec; demo.mp4 shows it in motion.
Part of the Templates collection in the claude-directory — an open-source gallery of AI-generated UI built with Claude Fable 5. Browse the live gallery.