Klau dir diese Idee: ein KI-gebautes Sommer-Film-Quiz, das dein Publikum wirklich teilt

Build "Which 2026 Summer Blockbuster Is Your Vibe?" — a self-contained personality quiz as a full-screen mobile widget (portrait) for a media app section. The user answers a short series of mood-based questions and gets matched to one of this summer's blockbusters, with a shareable result. It must feel like a slick, modern pop-culture quiz — instantly understandable, fun, fast, and polished. Core format: a personality quiz (not a trivia game) — 7 mood/lifestyle questions, each with 4 tappable answers; each answer adds weighted points to one or more of 6 movie "profiles"; at the end, the highest-scoring movie is the user's match. Flow: intro screen → 7 questions (with a progress bar) → a short "calculating your vibe" reveal → personalized result → share + retake. The 6 possible results (movie → persona → vibe → accent color): Michael → "The Soulful Nostalgic" — emotional, music-loving, moved by legends and larger-than-life spectacle — gold. Toy Story 5 → "The Big Kid" — warm, playful, family-first, here for the feel-good and the happy tears — primary blue + red. Project Hail Mary → "The Explorer" — curious, brainy, adventurous, obsessed with big what-if ideas and the unknown — deep-space teal. Backrooms → "The Thrill-Seeker" — bold, internet-native, loves a good scare and a mystery — eerie fluorescent yellow-green. The Devil Wears Prada 2 → "The Trendsetter" — stylish, ambitious, witty, lives for glamour and a little drama — chic black + red. The Mandalorian & Grogu → "The Adventurer" — loyal, action-loving, escapist, always up for a quest — desert sand + steel. Questions: personality/vibe questions about the PLAYER — never movie trivia — each answer mapped to 1–2 movies. Examples to set the tone: "It's Friday night — what's the plan?" → cozy movie marathon with people I love (Toy Story 5 / Michael) · something that gets my heart racing (Backrooms) · a night out where I'm the best-dressed in the room (Devil Wears Prada 2) · getting lost in a wild what-if (Project Hail Mary / Mandalorian). "Pick your summer soundtrack:" → iconic hits everyone knows by heart (Michael) · an epic orchestral score (Project Hail Mary / Mandalorian) · a playful feel-good sing-along (Toy Story 5) · something dark and pulsing (Backrooms). "Your dream getaway is…" → a nostalgic trip revisiting old favorites (Michael) · a theme park with the whole family (Toy Story 5) · backpacking somewhere no one's heard of (Mandalorian / Project Hail Mary) · front row at fashion week (Devil Wears Prada 2). Create 7 total in this voice, each with 4 answers, each answer clearly tagged to its movie(s). Scoring logic (make it work reliably): keep a score for each of the 6 movies, starting at 0; each answer adds +2 to its primary movie and +1 to a secondary movie where relevant; result = the movie with the highest total; use a fixed deterministic tie-break order (the list order above) so there's never a crash or a blank result; balance the answer weights so EVERY one of the 6 results is genuinely reachable — no dominant result, no dead one; nice touch: also surface the runner-up ("You're also a bit of a [persona]"). Screens: 1) intro/hero — bold title "Which 2026 Summer Blockbuster Is Your Vibe?", a one-line hook ("6 blockbusters are in theaters this summer — 7 quick questions to find yours."), a row of 6 poster-less "mood tiles" (emoji + color only), and a big "Start the quiz" button; 2) question screen — progress indicator (Question X of 7 + progress bar), the question, 4 answer cards (emoji + short label), smooth transition to the next; 3) reveal — a brief (~1–1.5s) "Calculating your vibe…" build-up; 4) result — big reveal ("Your summer blockbuster is: [MOVIE]"), the persona label, a 2–3 line personalized description that references the user's dominant traits, themed to that movie's accent color, an "In theaters now" tag, the runner-up line, plus Share and Retake buttons. Share & virality: the Share button copies a ready-made line to the clipboard (and uses the Web Share API when available): "I got [MOVIE] — [persona]! Which 2026 summer blockbuster is your vibe? 🎬"; make the result card clean and screenshot-friendly. Art direction: modern pop-culture / editorial-listicle look — big bold type, punchy colors, playful, high contrast, very readable on mobile; each result has its own accent color theme and an original emoji/CSS/SVG mood icon; answer cards rounded, tappable, with clear press states; smooth question-to-question transitions and an animated progress bar; mobile-first, portrait, thumb-friendly. Animations & juice: tap feedback on answer cards, slide/fade between questions, progress-bar fill; result reveal with a short build-up then a confetti/pop moment themed to the accent color; keep it smooth (60fps), subtle, never janky. Sound & haptics (optional, non-blocking): soft click on tap, a little fanfare on the reveal, navigator.vibrate on select/reveal, include a mute toggle — always pleasant, never required. Technical constraints: 100% self-contained single widget — NO external CDN, libraries, fonts, or images; works fully offline; plain HTML/CSS/JS; mobile-first portrait, responsive, fills the section full-screen; lightweight and fast; no data leaves the device (last result stored only in localStorage); robust — handle rapid taps, no dead-ends, Retake fully resets state, no memory leaks, always renders a valid result. IP-safe rules (important): reference the movie titles by name only, as editorial/fan content; do NOT reproduce official logos, posters, stills, character likenesses, brand fonts, or any copyrighted imagery — all visuals must be original (emoji, CSS shapes, simple SVG); keep result descriptions mood/personality-based; avoid hard factual claims. Language & tone: all user-facing text in ENGLISH — fun, punchy, pop-culture-magazine voice ("Let's find your vibe", "Plot twist…", "Your summer main character is…") — light, warm, and shareable.