Obsidra - Tattoo Studio & Artist HTML Template
1 of 10
Loading screenshot

A tattoo studio HTML template for shops with resident artists and for independent tattooers. It is built with HTML5, Bootstrap 5 and plain JavaScript and pairs an ink-dark shop wall with aged-paper flash sheets and one traditional red, on a clean, well-organised codebase: Bootstrap utility classes for layout, a single stylesheet driven by CSS design tokens, locally hosted fonts, markup-driven form validation and responsive layouts across every screen size.

The template includes 19 ready-made pages built around how people actually get tattooed: they choose an artist and a style before they choose a price. There is an artist roster with a detail page, a flash wall of numbered designs marked open or claimed, styles with a detail page, a healed-work gallery, a consultation booking page, pricing and deposits, a fourteen-day aftercare schedule, studio policies, reviews, answers to common questions, a journal, contact and the utility pages. Every section sits on a paper sheet pinned to the wall at a slight angle, set in heavy condensed poster type.

Key Features

  • HTML5 + Bootstrap 5: clean, semantic markup with Bootstrap utility classes
  • 19 Ready-Made Pages: artists, flash wall, styles, gallery, booking, pricing, aftercare and more
  • W3C Valid HTML: every page checked with the Nu HTML Checker
  • CSS Design Tokens: colors, type scale and spacing set once in :root
  • Single Stylesheet: one main.css with a numbered table of contents
  • Local Fonts: Big Shoulders Display, Barlow and Barlow Condensed, no CDN requests
  • Works Offline: opens straight from the file system, no build tools or server
  • Three Reusable Forms: consultation booking, contact and newsletter, each with inline validation and a thank-you message
  • Flash Wall: numbered designs with prices and an open or claimed state
  • Artist Pages: roster with styles and guest artists, plus a full artist profile
  • Pricing and Deposits: rates by artist and scale, and how the deposit behaves step by step
  • Aftercare Schedule: a day-by-day healing timeline with do and do not lists
  • Photo Lightbox: gallery, portfolio, flash and article photos open full size
  • Share Links: the blog post carries share links for Facebook, X, Pinterest and email
  • Image Logo: replace one PNG file to rebrand, no code changes
  • Responsive Design: checked from 360px phones to wide desktops
  • No jQuery: plain, unminified JavaScript
  • Documentation Included: installation, structure, customization, forms and business details

Ideal For

  • Tattoo studios and parlours
  • Independent tattoo artists
  • Multi-artist and guest-spot shops
  • Blackwork, fine line and traditional specialists
  • Piercing and body art studios
  • Tattoo flash and design sellers

Pages Included

Home About Artists
Artist Detail Flash Wall Styles
Style Detail Gallery Book a Consultation
Pricing & Deposits Aftercare Studio Policies
Reviews FAQ Blog
Blog Single Contact Coming Soon
404 Page

Credits

  • Framework: Bootstrap 5 (https://getbootstrap.com)
  • Icons: no icon library; marks and dividers are drawn in CSS
  • Fonts: Big Shoulders Display, Barlow and Barlow Condensed, OFL licensed, served locally
  • Images: placeholder images only. Photos are not included in the download.

Images Notice

The photography shown in the live preview and screenshots is licensed stock used as preview content only and is not included in the download. The package ships placeholder images in place of every photograph. Each placeholder carries the same filename as the image it replaces, so you can drop your own images in with no code changes. Replace the placeholders with your own photographs or licensed images before publishing.

Requirements and Limitations

  • A static HTML template, not a WordPress product. Basic knowledge of HTML and CSS is enough to customize it.
  • The forms validate in the browser but do not send email or take a deposit. Connect them to your own form handler before going live.
  • The demo studio details (artists, address, phone, email, hours and prices) are sample content to replace with your own.