# Tattoo Studio Theme Documentation Welcome to Tattoo Studio, a dark, gallery-grade Bootstrap 5 theme designed for tattoo studios, piercing shops, and ink artists. ## Quick Start 1. **Download the theme** from [Bootstrap Themes Sale](#) 2. **Extract the ZIP** to your project folder 3. **Open `examples/demo.html`** in your browser to see the theme in action 4. **Link the CSS** in your project: `` 5. **Optional:** Include the JavaScript: `` ## Features - **Full Bootstrap 5** — Works with any Bootstrap project - **Single CSS file** — Easy to implement and customize - **Signature palette** — Crimson, antique gold, charcoal, and bone - **Cinzel + Karla** — Engraved serif display with a clean humanist body - **Resident artists layouts** — Purpose-built sections for tattoo studios, piercing shops, and ink artists - **Mobile responsive** — Bootstrap 5 grid system - **Commercial license** — Use in unlimited projects ## Installation 1. Download and extract the ZIP file 2. Copy the `css/`, `js/`, and `images/` folders to your project 3. Link the CSS in your ``: ```html ``` 4. Optional: include the JavaScript: ```html ``` ## Basic HTML Structure ```html My Tattoo Studio Site

Fresh from the Oven

Custom ink, drawn for you

Our Menu

Sourdough Loaf

€16

Traditional sourdough starter, baked to golden perfection.

``` ## Components ### Cards (Menu Items) ```html

Item Name

€16

Description goes here.

``` ### Buttons ```html ``` ### Hero Section ```html

Your Title Here

Your subtitle or description

``` ### Section Alternatives ```html
``` ## Customization ### Changing Colors Edit `scss/_variables.scss`: ```scss $tattoo-color-crimson: #9F1239; // Primary accent $tattoo-color-gold: #B8933F; // Secondary accent $tattoo-color-chocolate: #5D4037; // Dark accent ``` ### Changing Fonts Edit `scss/_variables.scss`: ```scss $tattoo-font-serif: "Your Serif Font", Georgia, serif; $tattoo-font-sans: "Your Sans Font", -apple-system, sans-serif; ``` ### Building with Sass ```bash npm run build ``` This compiles `scss/tattoo-studio.scss` to `css/tattoo-studio.css` and `css/tattoo-studio.min.css`. ## Requirements - Bootstrap 5.3.3 or higher - SCSS (for custom builds) - Node.js 18+ (optional, for build scripts) ## License Commercial license. See [LICENSE.txt](LICENSE.txt) for details. ## Support For questions or issues, please contact: support@bootstrapthemes.com