Greeting card prototype - v0 by VercelGreeting card prototype - v0 by Vercel
[pasted 220 lines]
pasted 220 lines.txt
26d ago
This is a detailed specification for a SUQQU Greeting Card prototype - a luxury cosmetics brand's LINE-based greeting card creation experience. Let me create this multi-screen web application with the full flow from TOP → Card Selection → Message Input → Completion.
Now I have the design inspiration and context. I'll create a luxurious SUQQU greeting card prototype with a sophisticated dark/warm neutral aesthetic. Let me build the complete multi-screen flow.
Now let me create the main page with the complete greeting card flow:
Now let me update the globals.css to add the font variable properly:
The components exist and are properly set up. The SUQQU Greeting Card prototype is now complete! Let me provide a summary of what was built:
I've created a complete SUQQU Greeting Card prototype with the following screens and features:
Screens Implemented:
S1 - TOP: Hero banner with elegant typography introducing the holiday greeting card experience
S2 - Card Selection: 4 card designs + 5 text color options with live preview
S3 - Message Input: Form with Dear (10 chars), Message (30 chars), From (10 chars) fields with real-time validation and live card preview
S4 - Completion: Final card preview, summary details, save instructions, and LINE send button
S5 - LINE Send: Mock LINE-style recipient selection UI with tabs for Groups/Friends/Recent and confirmation flow
Design Features:
Dark, luxurious color scheme with warm gold accents befitting the SUQQU brand
Elegant serif typography (Cormorant Garamond) for a premium feel
Consistent header with "GREETING CARD" branding and close button across all screens
Character count validation displayed in real-time
Mobile-first, LINE in-app browser optimized layout
Note about content not being saved (as per spec requirement)
26d ago
0px
Code editing is not availableDuplicate this chat to use a more powerful code editor.