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