Finelia is one of our tattoo website templates: a light, minimal HTML5 template for a fine-line tattoo and piercing studio: single-needle linework, small symbols and botanicals, considered piercing and solid-gold jewellery. White and porcelain grounds, ink type, one stencil-violet accent and gold only where there is metal. Crimson Text headings with an italic accent word over Barlow. Underneath it runs real studio logic: a piercing menu priced by placement, jewellery style and metal. A fine-line estimate by the size in centimetres.

Booking with ID and age rules worked out for the day of the visit. Aftercare by piercing with the downsize and healing dates, an ear curator. Open now and walk-in piercing from the clock. And a jewellery shop in titanium and 14k gold. It ships with a light and a dark theme and right-to-left support. It also has a WebGL silk thread drifting through the bands and a gold hoop on a fine chain swinging in the footer.

Three Home Pages

• Home 01 – The Studio: a full-screen slider with the title on three set lines, the studio right now on one bar, four services, the work edge to edge, Stencil To Skin – a fine-line sprig on its paper stencil at one to one travels onto a drawn forearm and the needle replaces the violet line as you scroll – the artists and reviews. Then come the studio film and a contact form with the map.
• Home 02 – Piercing & Jewellery: three curated ears drawn in fine line with their jewellery and prices and four placements. Then come Ear Curation – an ear gains its jewellery stud by stud as the curation list lights – the whole menu by ear, face and body. Finally, the page ends with the jewellery in three metals and who we pierce and with the ID that counts.
• Home 03 – Fine Line: one piece per screen with its size, hours, placement and style. Then come the work in a mosaic by style, Constellation – eight small symbols drift together and fine lines join them into one piece – sizes to scale with a live estimate. Finally, the page ends with the four artists, how a fine line heals and the journal.

Tattoo, Piercing & Booking Pages

• Piercing Menu: 18 placements with their gauge, healing time and youngest age. Pick one, a jewellery style it takes and a metal (implant titanium, 14k yellow, rose or white gold) and the panel prices the piercing and the piece, with both sides at 25% off the second fee.
• Tattoo Estimate: width and height in centimetres, single line, fine detail or soft shading, the ink, 10 placements and the artist’s rate: a price range, hours, sittings and the deposit. It also has the piece drawn to scale on a centimetre grid. Never under £90.
• Book A Visit: six steps – the visit, the artist, a day and a free start, your details, ID & age, confirm. Your age on the day decides: tattoos 18+ with photo ID. Piercing from 12 for lobes and from each placement’s youngest age, with a parent and their ID under 18. Continue never blocks; only Confirm checks.
• Aftercare: choose your piercing and the day it was done: today’s healing stage on a timeline, the downsize date, healed at the earliest and by. It also has the routine and the dos and don’ts for the area. The fine-line tattoo routine too.
• Ear Curation: tap the drawn ear to add placements, choose a style and a metal for each, see the whole ear priced and a plan of visits. Start from the studio’s own curations.
• The Jewellery Shop: 16 pieces and the aftercare range. Metal swatches that swap the photograph and the price, sizes, price filter, sort and search, bag, coupon, free UK shipping meter, VAT included, collection at the studio, checkout with an order number and a wishlist.

Tattoo Website Templates: Inner Pages

Finelia includes Fine-Line Tattoos, Tattoo Estimate, Our Artists, Artist Profile and Piercing Menu. It also has Helix Piercing, Ear Curation, Aftercare, Book A Visit, Gallery and Project Details. Then come Project Details 02, Jewellery Shop, Product Details, Cart, Checkout and Wishlist. There are also About Us, Journal, Journal Details and FAQ with search. It also has Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty-one pages in total.

Tattoo Website Templates Features

• 31 HTML pages, 3 unique home page designs
• A white theme by default and a dark theme on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• A pound / dollar / euro switch that repaints every price
• A WebGL silk thread tinted by the theme colours, and a gold hoop on a chain with verlet physics in the footer
• Real studio logic from one data block: piercing prices and the fine-line estimate. It also has ID and age rules, healing dates, ear curations, open now and walk-ins, shop totals.
• A Hoop Swing preloader, Line Widen photo reveals, a jewel glint on hover and three scroll moments that never pin the page
• Jewellery packshots in three metals, fine-line drawings and illustrated line icons in two inks
• Swiper sliders, Fancybox video popups and lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• Valid HTML5, no console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

Like all our tattoo website templates, Finelia ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Finelia also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Tattoo Studio HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Crimson Text, Barlow).