Dark luxury tattoo studio website for Indigo Ink by Andres, Uhldingen-Mühlhofen, Germany.
Generated Prompt
## APPLICATION OVERVIEW This project is a landing page for "Indigo Ink," a luxury tattoo studio located in Uhldingen-Mühlhofen, Germany. The website aims to provide a visually stunning and immersive experience that reflects the high-end nature of the studio while effectively showcasing the portfolio, services, and booking options. ## CORE FEATURES 1. **Cinematic Hero Section**: A captivating full-width hero image with a striking tagline and a call-to-action (CTA) button that invites visitors to explore the portfolio. 2. **About Section**: A brief introduction to the studio and its founder, emphasizing the luxury and artistry behind Indigo Ink. 3. **Portfolio Grid**: A visually appealing grid showcasing high-quality images of tattoos, allowing potential clients to appreciate the studio's artistry. 4. **Testimonials**: A section featuring quotes from satisfied customers, enhancing credibility and trust. 5. **Booking Form**: An easy-to-use form for clients to schedule appointments, designed with minimal borderless inputs and a full-width submit button that glows gold on focus. 6. **WhatsApp Floating Action Button (FAB)**: A quick contact option for users to reach out via WhatsApp, positioned at the bottom-right for easy access. ## DESIGN SPECIFICATIONS - **Visual Style**: Dark luxury aesthetic with a cinematic feel, featuring black backgrounds (#07070D) and gold accents for a high-end editorial magazine look. - **Color Mode**: Dark theme with no white backgrounds, focusing on black and gold colors for a luxurious feel. - **Layout**: A structured single-page layout with sections flowing seamlessly from hero to portfolio, testimonials, and booking form, ensuring a smooth user experience. - **Typography**: Use **Cinzel Decorative** for headings and **Cormorant Garamond** for body text, creating an elegant and sophisticated typographic hierarchy. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for rapid styling and responsiveness - **UI Components**: Utilize shadcn/ui for pre-designed components to maintain visual consistency - **State Management**: Use React's built-in state management for form handling and animations ## IMPLEMENTATION STEPS 1. **Set Up the React Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create the Main Layout**: Develop the main layout structure, ensuring sections are responsive and visually appealing. 3. **Implement the Hero Section**: Add a full-width background image, tagline, and a CTA button with cubic-bezier transitions. 4. **Build the About Section**: Write content about the studio and style it according to the design specifications. 5. **Develop the Portfolio Grid**: Create a grid layout for showcasing tattoo images, ensuring each image is clickable for a larger view. 6. **Add Testimonials Section**: Include a rotating carousel or static display of testimonials with styling that complements the dark luxury theme. 7. **Design the Booking Form**: Implement the booking form with borderless inputs, gold glow effects, and a full-width submit button. 8. **Integrate WhatsApp FAB**: Add a floating action button that links directly to the studio’s WhatsApp. 9. **Implement Scroll-Reveal Animations**: Use a library to create scroll-reveal effects on section entry, enhancing user engagement. 10. **Test Responsiveness**: Ensure the website works seamlessly on various devices and screen sizes, refining UI components as needed. ## USER EXPERIENCE Visitors will be greeted with an immersive hero section that draws them in. The experience flows smoothly from the hero to the about section, where they learn about the studio's ethos. The portfolio grid allows users to explore the artistry of Indigo Ink, while testimonials build trust and encourage engagement. The booking form is straightforward, with minimal distractions, ensuring users can easily schedule their appointments. The WhatsApp FAB provides quick access for inquiries, enhancing overall interaction. The entire site will feel luxurious, responsive, and easy to navigate, capturing the essence of high-end tattoo artistry.
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!
