DS
Dorida Solution

Duci Duci - Copy this React, Tailwind Component to your project

Design a user interface for a mobile first web app called Duci Duci, a dessert and pastry brand that also sells artisanal panettone. The interface should be sweet, inviting, and vibrant, inspired by pastel pink tones and a playful, cartoon like style. The goal is to create an engaging and "Instagrammable" experience that appeals to a young, social audience. Design Specifications: Theme and Colors: Use a pastel pink color palette with accents of white and vivid pink shades (#f8e1e7, #fccde2, #ff85a1). The look should be clean, fresh, and light hearted, capturing the sweetness of the brand. The interface should feel vibrant and visually engaging. Key Elements: Welcome Section: An introduction with the text "Welcome to Duci Duci" in a bold, friendly font, followed by a short message: "Discover your fortune hidden inside the panettone!" Panettone Interaction: Centered on the screen, display a panettone that splits in half to reveal a fortune message. Each half moves to the sides, and the fortune message appears with a fade in effect. Fortune Message: The fortune message should appear like a fortune cookie slip, positioned at the center between the panettone halves. This message should have a light fade in effect and use a playful, slightly cartoonish font. User Actions: Discover Fortune Button: A primary button that triggers the panettone opening animation. The button should be large, rounded, and animated with a subtle bounce effect to attract attention. Share Buttons: After viewing the fortune message, users should see two buttons allowing them to share the fortune on Instagram (by downloading an image) and Facebook. These buttons should be small, clean, and placed beneath the fortune message. Text Style: Friendly, clean, and modern fonts with a slightly playful touch to create a warm and welcoming atmosphere. The fortune message text should be prominent, with a thin outline or border to make it stand out at the center of the view.

Prompt
Component Preview

About

DuciDuci - A vibrant UI with pastel pink tones, featuring a playful panettone animation, fortune messages, and share buttons, built with. Access free code!

Share

Last updated 1 month ago