Gemini 3: zero-shot een website bouwen Gemini 3: Zero-shot website development

Kijk hoe Gemini 3 in korte tijd de code schrijft voor een landingspagina van een website die een retro dansavond promoot. Wat ga jij maken met Gemini 3? Meer over Gemini 3: https://deepmind.google/models/gemini/ ___ Prompt: Bouw een levendige landingspagina met retroglamour voor ""Twist"", een wekelijkse dansavond voor het hele gezin in de fictieve Upbeat Studio in Limassol. De vibe: stel je een poolparty voor in Miami in 1972. De esthetiek is smaakvolle en maximalistische ""Retro-Kitsch"". Het moet aanvoelen als een tekenfilm: flat design, geen foto's, geen ruis. Gebruik een tropisch pastelpalet (koraalroze, zeeschuimgroen, citroengeel). Voeg een animatie toe met een geschikte library, met een zacht geanimeerde roze flamingo (grote ronde container met de geanimeerde flamingovector. Zorg dat de animatie vloeiend en speels is, maar dat de flamingo er realistisch uitziet. Voeg geen kleding of zonnebril toe.) Typografie: gebruik rondborstige, zware retro scriptfonts (zoals op de borden van een diner) voor koppen, met harde slagschaduwen. Gebruik geometrische schreefloze fonts voor de broodtekst. Vormen: alles moet afgerond zijn. Pilvormige knoppen, ronde afbeeldingsmaskers en zachte hoeken aan tekstvakken. Inhoudssecties: De les, Prijzen, Contact. Maak de site volledig responsive. Gebruik een contraststrategie van ""warm tegenover koel"" (pastelroze / lichte verloopachtergrond tegenover accenten in teal). Zorg dat de pagina geschikt is voor het hele gezin. Gebruik geen namen van echte artiesten. Wees zo creatief mogelijk en laat je beste frontend-codeervaardigheden zien! Controleer voordat je de pagina afrondt of de flamingoanimatie er goed uitziet (samenhangend, consistent, goed 'leesbaar', gestileerd en vloeiend). Voeg geen telefoonnummer of e-mailadres toe. Gebruik in plaats daarvan het e-mailicoon of een contactformulier. Vul het contactformulier niet vooraf in met een naam. ___ Abonneer je op ons kanaal https://www.youtube.com/@googledeepmind Volg ons op X https://twitter.com/GoogleDeepMind Volg ons op Instagram https://instagram.com/googledeepmind Voeg ons toe op Linkedin https://www.linkedin.com/company/deepmind/

Watch as Gemini 3 quickly writes the code for a website landing page to promote a retro dance event. What will you create with Gemini 3? Find out more about Gemini 3: https://deepmind.google/models/gemini/ ___ Prompt: Build a vibrant, retro-glamour landing page for ""Twist,"" a weekly family dance night at the fictional Upbeat Studio in Limassol. The Vibe: Imagine a pool party in 1972 Miami. The aesthetic is tasteful and maximalist ""Retro-Kitsch."" It should feel like a cartoon—flat design, no photos, no noise. Use a tropical pastel palette (Coral Pinks, Seafoam Greens, Lemon Yellows). Include an animation using a suitable library featuring a gently animated pink Flamingo (Large circular container with the Animated Flamingo Vector. Make sure the animation is smooth and whimsical, but the flamingo looks realistic. Do not add clothes or sunglasses.) Typography: Use curvy, heavy retro script fonts (like diner signage) for headers with hard drop shadows. Use geometric sans-serifs for body text. Shapes: Everything must be rounded. Pill-shaped buttons, circular image masks, and soft corners on text boxes. Content Sections: The Class, Prices, Contact. Make the site fully responsive. Use a ""Warm vs. Cool"" contrast strategy (Pastel Pink / light gradient background vs. Teal accents). Make sure the page is family friendly. Do not include real artist names. Be as creative as possible and show off your best front end coding skills! Before finalizing the page ensure the Flamingo animation looks good (coherent, consistent, easily 'readable', stylized and smooth). Do not include a phone number or email address. Use the email icon or a contact form instead. Do not pre-fill the contact form with a name. ___ Subscribe to our channel https://www.youtube.com/@googledeepmind Find us on X https://twitter.com/GoogleDeepMind Follow us on Instagram https://instagram.com/googledeepmind Add us on Linkedin https://www.linkedin.com/company/deepmind/