Swallo – Flash Tattoo Landing Page HTML5 Template

About This Item

This flash tattoo landing page template is one HTML5 page with one goal. Swallo is a one-page lead landing page for flash tattoo tables, walk-in tattoo shops and barbershops with an artist beside the chairs.

Every call to action leads to one goal – claiming a flash design – through a claim form that prices the design by size, placement and colour, names the next flash day and holds it with a deposit, while the contact form takes everything else. Black-and-white photography, ink and gold, condensed Big Shoulders capitals over Libre Baskerville set the shop.

The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with light and dark mode, right-to-left support and a WebGL damask behind the night bands.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Flash Tattoo Landing Page: One Page, Built To Convert

• Hero Slider: First, a framed page with full-width slides and Flash Walk-Ins and Price A Design buttons.
• About: Then, the shop since 1986 and the next flash walk-in time.
• Flash, Shaves And Beards: Next, a photo mosaic with the starting prices.
• Testimonials: After that, client quotes in a slider.
• Today’s Flash: Also, the day’s designs with a size switch that reprices them.
• Pricing: Then, flash priced by the centimetre – four sizes and what detail, colour and placement add.
• The Straight Razor: Next, the blade swings open on its pivot as you scroll and each part’s note lights up, with the shaves beside it.
• The Shop In Figures: In addition, designs on the wall, artists at the table, shaves and cuts a week.
• Video Band: After that, a parallax photo band for walk-in flash with a video popup.
• Claim A Design: Also, size, placement and colour price the design; the time at the table, the next flash day, the deposit and the rest on the day are worked out as you go.
• Contact: Finally, the chairs and the flash table with their hours open now, a working contact form and a Google map.

Flash Tattoo Landing Page Features

• One-page lead landing with a single goal: claim a flash design
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• A WebGL damask tinted by the theme colours, and a straight razor drawn as an articulated rig
• Real shop logic: flash prices by size, detail, placement and colour, the deposit, the next flash day, open now and the walk-in queue
• A Barber Pole preloader, word-rise titles and a scroll moment that never pins the page
• Hero slider, testimonial slider, parallax video band with a video popup
• 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, plus illustrated line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Big Shoulders Display, Libre Baskerville).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders, the flash designs included. The logo files, the illustrated icons and the language flags are included.

Browse more Tattoo Studio landing pages, or the multi-page Tattoo Studio website templates.