Project goal: Design a high-end, dark, premium one-page landing website for a professional female tattoo artist. The website must consist of 5 vertical sections (screens) on a single scrolling page — no internal pages. The design should feel artistic, cinematic, slightly mystical, modern, and professional, with a clear conversion path. Color system: Primary theme — deep dark background (#0B0B12 — charcoal black). Accent neon color — soft violet glow #C7BBE1, used for highlights, lines, gradients, hover effects, and light accents. Secondary tones — smoky greys, ink-black shadows, subtle violet mist overlays. Avoid pure white — use warm off-white for text where needed. Typography: Heading font: elegant modern serif or sharp editorial display type (high contrast, slightly gothic/artistic). Body font: clean modern grotesk or humanist sans-serif. Micro details: thin neon underlines, subtle glow, and light motion blur on accents. SCREEN 1 — HERO (MAIN SCREEN) Purpose: Instant emotional impact + clear identity + conversion. Layout structure: Left side: Large artistic headline: “Ink with soul. Skin with story.” Subheadline: Custom fine-line & artistic tattoos by [Tattoo Artist Name]. Two primary buttons: “Book a session” (primary, neon outline #C7BBE1 glow) “View portfolio” (secondary, minimalist) Right side: Full-height cinematic portrait of the tattoo artist in a dark studio: smoke, soft purple neon rim light, artistic shadows, tattoo tools on table, ink bottles, needles, dramatic lighting. Top navigation (minimal): Logo | Portfolio | About | Process | Contact Small micro-elements: Subtle animated neon line that pulses gently behind the artist. Tiny floating particles like glowing dust. SCREEN 2 — PORTFOLIO GALLERY (GRID) Purpose: Show expertise and style instantly. Structure: Title: “Selected Works” Masonry-style image grid (uneven layout): Fine-line tattoos Floral tattoos Minimalist tattoos Abstract tattoos Blackwork + subtle color pieces Each image has: Hover effect: soft violet glow overlay + zoom-in 3–5%. Tiny caption on hover: “Fine line • Healed • 2024”. At the bottom: Button: “See more work” (scroll down effect). SCREEN 3 — ABOUT THE ARTIST Purpose: Build trust + personality. Layout: Left: artistic portrait of the artist working on a client, cinematic light, dark studio, violet neon reflections on skin. Right: text block: Title: “About the artist” Copy style example: “I create tattoos that feel personal, delicate, and timeless. My work blends fine line technique with artistic intuition, turning every idea into a living piece of art.” Below text: Badges: 6+ years experience Custom design only Sterile studio Fine line specialist Subtle neon divider line in #C7BBE1. SCREEN 4 — PROCESS (HOW IT WORKS) Purpose: Reduce uncertainty for clients. Title: “How it works” Three steps in clean columns: 01 — Consultation You describe your idea, references, mood, placement. 02 — Custom design The artist creates a unique sketch tailored to you. 03 — Tattoo session Professional execution in a safe, calm environment. Each step has a thin neon circle icon in #C7BBE1 with subtle glow. Background: dark gradient with very soft violet mist. SCREEN 5 — CONTACT + BOOKING (FINAL SCREEN) Purpose: Conversion. Title: “Let’s create your tattoo” Two options side by side: Left box — Book online Button: “Book a session” Opens calendar / booking system. Right box — Contact directly Instagram icon Email WhatsApp Background visual: Close-up macro shot of ink mixing in water + faint violet glow. Footer: Logo | Instagram | Terms | Privacy | © 2025 Tattoo Studio MOTION & INTERACTION (IMPORTANT FOR AI GENERATION) Smooth scrolling Subtle parallax on hero image Neon lines slowly breathing Hover glow on buttons Soft grain texture over background Cinematic dark mood lighting
