Quiero diseñar una web para un taller de cerámica.
Generated Prompt
## APPLICATION OVERVIEW Urban Potters is a modern and friendly landing page for a ceramics workshop that invites users to explore classes, events, and the artistic community of pottery making. The site aims to create an engaging online presence that reflects the creativity and warmth of the workshop environment. ## CORE FEATURES 1. **Hero Section**: A captivating introduction with a visually striking image of pottery work, paired with a welcoming tagline and a prominent call-to-action button. 2. **About the Workshop**: A brief description of Urban Potters, highlighting the mission and vision of the workshop. 3. **Classes**: An overview of available pottery classes, including descriptions, schedules, and links to sign up. 4. **Events**: A section dedicated to upcoming events, workshops, and exhibitions related to ceramics. 5. **Gallery**: A visually appealing gallery showcasing the artwork created by participants, featuring images of completed pottery pieces. 6. **Contact Section**: A user-friendly contact form, along with direct contact information and links to social media. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - A clean and simple design with plenty of white space, emphasizing the beauty of the pottery and the typography. - **Color Mode**: Light theme with dark text on light backgrounds, utilizing a deep green (Pantone 3308) for accents and headings. - **Layout**: The layout will be a single-page scrollable design with distinct sections for each feature, ensuring smooth navigation and an intuitive user experience. - **Typography**: Use Helvetica Bold for the main title and a complementary sans-serif font for body text to maintain readability and modern aesthetics. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for a responsive and flexible layout - **UI Components**: Utilize shadcn/ui for reusable components that align with the minimalist design - **State Management**: No complex state management required for this landing page, but context API can be used for any dynamic elements. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create Components**: Develop individual components for the Hero section, About, Classes, Events, Gallery, and Contact. 3. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design with appropriate spacing, typography, and color. 4. **Implement Navigation**: Add a smooth scrolling navigation bar at the top, linking to each section of the landing page. 5. **Contact Form**: Create a simple and accessible contact form with validation for user input. 6. **Deploy**: Host the website on a platform like Vercel or Netlify for easy access. ## USER EXPERIENCE Users will be greeted by an inviting hero section that immediately communicates the essence of Urban Potters. They can easily scroll through the different sections, learning about classes and events, viewing the gallery, and reaching out through the contact form. The minimalist design ensures that the focus remains on the content and the beautiful art of ceramics, making for an enjoyable and engaging experience.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
