Complete web app for a tattoo studio called Pariz Tattoo.
Generated Prompt
## APPLICATION OVERVIEW Pariz Tattoo is a web application designed for a tattoo studio that focuses on showcasing the studio's portfolio, booking appointments, and providing information about tattoo services. The application aims to create an engaging and user-friendly experience for potential customers while emphasizing a minimalist design aesthetic. ## CORE FEATURES 1. **Portfolio Gallery**: A visually appealing display of the tattoo studio's work, allowing users to browse through various tattoo styles and artist portfolios. 2. **Appointment Booking**: A simple interface for users to book consultations or tattoo sessions, including calendar integration for real-time availability. 3. **Service Information**: A dedicated section that outlines the types of tattoos offered, pricing, and FAQs to help potential clients understand the offerings. 4. **Contact Form**: An easy-to-use contact form for inquiries, allowing users to reach out directly for more information or special requests. 5. **About the Studio**: A page detailing the studio's story, including the owner's background, philosophy, and mission to connect with clients on a personal level. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography - **Color Mode**: Light theme with dark text on light backgrounds - **Primary Color**: #1978E5 (accent for buttons, links, highlights) - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs - **Layout**: A single-page layout with a hero section at the top, followed by portfolio, booking, service information, and contact sections, ensuring smooth scrolling and clear navigation. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: React Context API for managing global state (if needed for appointment scheduling) ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or Vite. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project, configuring Tailwind for custom design specifications. 3. **Create Layout Components**: Develop reusable components for the header, footer, and main content sections. 4. **Build Core Features**: - Implement the Portfolio Gallery using a grid layout. - Create the Appointment Booking feature, integrating a calendar component. - Develop the Service Information section with expandable FAQs. - Set up the Contact Form with validation. 5. **Implement Routing**: Use React Router for smooth navigation between different sections if needed. 6. **Testing**: Conduct user testing to ensure the application is intuitive and responsive across devices. 7. **Deployment**: Use platforms like Vercel or Netlify for hosting the application. ## USER EXPERIENCE Users will be greeted with a striking hero section that immediately captures the essence of Pariz Tattoo. They can easily scroll down to view the portfolio, with images that enlarge on hover, inviting exploration. The booking section will feature a user-friendly calendar and form, making it simple to secure appointments. Clear calls to action will guide users through the experience, ensuring they can effortlessly find information and contact the studio. The minimalist design will enhance focus on the content, creating an enjoyable browsing 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!
