tiennm99
71dc47a30a
- Define 3 personality-to-coffee pairings (Zen Minimalist, Night Owl, Social Butterfly) - Add percentage-based result display spec - Add 5 pop culture quiz questions with personality mappings - Generate 4 distinct style preview HTML files for visual direction - Document warm/cozy + Claude homepage aesthetic as chosen style
2.2 KiB
Coffee Personality Quiz - Requirements
Personality → Coffee Pairings
| Personality | Coffee | Tagline |
|---|---|---|
| Zen Minimalist | Black Coffee, Single Origin | "Simple. Clean. Perfect." |
| Night Owl | Red Eye (coffee + espresso shot) | "Sleep is optional." |
| Social Butterfly | Cappuccino | "Coffee is better with company." |
Result Display
Show all percentages - After the quiz, show the user's full breakdown across all three personalities (e.g., "50% Night Owl, 30% Zen Minimalist, 20% Social Butterfly") with all coffee recommendations shown.
Visual Style
Base: Style 4 (Warm & Cozy) - earth tones, soft gradients, inviting feel Influence: Claude homepage aesthetic - clean, polished, refined typography, generous whitespace, modern feel Result: Warm and minimal. Earthy palette but uncluttered and elegant.
Images & Icons
- No images
- No icons - text-only answer options
Quiz Questions
Q1: Pick a Netflix genre for tonight:
- A dark, quiet thriller with no jump scares → Zen Minimalist
- A binge-worthy series you'll watch until 3am → Night Owl
- Whatever your group chat is hyped about → Social Butterfly
Q2: Your Hogwarts common room vibe:
- Ravenclaw - books, focus, solitude → Zen Minimalist
- Slytherin - ambition, late nights, no rules → Night Owl
- Hufflepuff - warm, inclusive, everyone's welcome → Social Butterfly
Q3: You're at a party. Where are you?
- Stepped outside for some quiet → Zen Minimalist
- Still there at 2am helping close the place down → Night Owl
- Center of the room, introducing people to each other → Social Butterfly
Q4: Your ideal travel style:
- Solo trip, minimal itinerary, just vibes → Zen Minimalist
- Red-eye flight to maximize time at the destination → Night Owl
- Group trip, shared Airbnb, chaotic and perfect → Social Butterfly
Q5: Pick a superpower:
- Total mental clarity, always focused → Zen Minimalist
- Never need sleep → Night Owl
- Everyone immediately likes you → Social Butterfly
Scoring Logic
Each answer maps to one personality. Tally all answers at the end and calculate percentages. Display all three results ranked by score, with the top result highlighted and all three coffee recommendations shown.