Главная Демо Блог Создать сайт
Готовый рецепт

Как сделать сайт для тату-студии

Тату-студия, частный мастер, тату-салон — покажем, как за час собрать тёмный неоновый сайт, от которого клиенты пишут «хочу записаться». Со скриншотами, рецептом и живым демо.

Зачем тату-студии свой сайт

Татуировка — это решение на всю жизнь, и выбирают студию дольше и придирчивее, чем стоматолога. Клиент листает десятки профилей, сравнивает работы, читает отзывы и прикидывает: а не страшно ли будет лежать у этого мастера три часа?

Сайт решает главную задачу: показывает, кто вы и как работаете, ещё до первого сообщения. Галерея работ вместо ленты соцсетей, цены без «уточняйте в директ», раздел про стерильность, который снимает половину вопросов, и форма записи, в которую не страшно оставить телефон. Всё это собирается через чат с AI — без дизайнера и студии.

Что должно быть на сайте тату-студии

Атмосферный первый экран

Тёмная тема, неоновый акцент, крупный заголовок. Сайт должен выглядеть как ваша студия: смело, дорого, без гламура.

Стили с ценами

Реализм, неотрадишнл, графика, леттеринг, кавер-ап. Название, пара слов о стиле, цена «от». Клиент сразу понимает порядок цифр.

Галерея работ

Фотографии открываются в полный экран, с подписями и перелистыванием. Это ваше главное портфолио — не прячьте его вниз.

Стерильность

Одноразовые иглы, автоклав, медицинские книжки. Отдельный блок снимает страх и отсекает возражение «а безопасно ли».

Демо-лендинг: студия «Чернила»

Мы собрали демо-лендинг для тату-студии, чтобы показать, как может выглядеть ваш сайт. Тёмная неоновая тема, рукописные акценты, бегущая строка стилей, галерея с лайтбоксом, блок стерильности и форма записи на консультацию.

Демо-лендинг тату-студии: тёмный первый экран с неоновыми акцентами
Первый экран демо-лендинга «Чернила» — тату-студия с неоновой эстетикой
Демо-лендинг тату-студии: карточки стилей и галерея работ
Стили с ценами и галерея работ — сердце сайта тату-студии
Демо-лендинг тату-студии: форма записи и контакты
Форма записи на консультацию и контакты с картой

Рецепт: как повторить

Скопируйте рецепт ниже, вставьте в чат с Smart-AI24 и получите свой сайт. Меняйте детали под свою студию: название, город, стили, цены.

Создай лендинг для тату-студии.

Название: [ваше название]
Город: [ваш город]
Адрес: [ваш адрес]

Стиль: тёмный, неоновый, брутальный. Шрифты: широкий
дисплейный для заголовков (Russo One), рукописный для акцентов
(Caveat), чистый гротеск для текста (Inter). Палитра: почти
чёрный фон (#0C0A09), неоновый красный (#FF3B4D), золотой
(#E8B34B), тёплый белый (#F5EFE8).

Обязательные секции:
1. Первый экран с фото студии, крупный заголовок
   и кнопка «Записаться на консультацию»
2. Бегущая строка со стилями: реализм, неотрадишнл,
   графика, лайнворк, орнамент, дотворк, леттеринг, кавер-ап
3. О студии — философия, цифры (лет опыта, работ, наград)
4. Стили с ценами «от»: реализм, неотрадишнл, графика,
   леттеринг, орнамент, кавер-ап
5. Галерея работ с открытием в полный экран
6. Процесс из 4 шагов: консультация, эскиз, сеанс, уход
7. Блок стерильности: одноразовые иглы, автоклав, медкнижки
8. Отзывы клиентов
9. Форма записи: имя, телефон, стиль, место, идея
10. Контакты с адресом, телефоном, почтой, Telegram
11. Финальный CTA с бесплатной консультацией

Анимации: летящие чернильные частицы, появление при скролле,
счётчики цифр, бегущая строка, неоновое мерцание заголовка,
hover-эффекты на карточках.

Цены:
- Реализм — от 12 000 руб.
- Неотрадишнл — от 9 000 руб.
- Графика и лайнворк — от 6 000 руб.
- Леттеринг — от 5 000 руб.
- Орнамент и дотворк — от 7 000 руб.
- Кавер-ап — от 14 000 руб.

Контакты: [телефон], [email], [telegram], [адрес]

Замените текст в квадратных скобках на свои данные. Рецепт можно сокращать или дополнять — AI поймёт.

Хотите такой же сайт для себя? Вот подробный промпт для повторения

Эта инструкция воспроизводит демо «Чернила» почти один в один: шрифты, цвета, анимации, структуру секций и даже поведение галереи. Скопируйте целиком, подставьте свои данные — и ассистент соберёт такой же живой лендинг. Промпт подробный, чтобы результат был предсказуемым: можно менять любые детали, остальное ассистент доделает сам.

Создай креативный одностраничный лендинг для тату-студии.
Это демо-сайт: наполни его убедительным вымышленным контентом
(название, услуги, цены, отзывы), без реальных персональных данных.

Название: [ваше название]
Город: [ваш город]
Адрес: [ваш адрес]

ДИЗАЙН:
- Тёмная тема: фон почти чёрный (#0C0A09), глубокий чёрный
  (#070605) для подложек, панели #16110F, линии #2A211D.
- Акценты: неоновый красный (#FF3B4D, свечение rgba(255,59,77,0.35)),
  тёплое золото (#E8B34B) для рукописных акцентов и цен.
- Текст: тёплый белый (#F5EFE8), приглушённый #A2968D.
- Шрифты: Russo One (заголовки, кнопки, логотип — широкий
  дисплейный гротеск), Caveat (рукописные акценты в заголовках
  и кикерах), Inter (основной текст).
- Зернистая плёнка поверх всего сайта (SVG noise, opacity 0.05).
- Canvas-частицы: по всему сайту медленно всплывают
  полупрозрачные чернильные капли (26 частиц, requestAnimationFrame,
  покачивание по синусоиде, пауза при скрытой вкладке).

СТРУКТУРА:
1. Hero на всю высоту экрана: фоновое фото тату-студии с
   мастером за работой, тёмный оверлей (linear-gradient 100deg),
   медленный зум фото (16s alternate, scale 1 -> 1.09).
   Две гигантские контурные буквы ✕ по углам (text-stroke красным,
   анимация: поворот на 90° и пульсация). Заголовок «ЧЕРНИЛА /
   кожа помнит.» — строки выезжают снизу по очереди (overflow
   hidden, translateY 110% -> 0, задержки 0.25 / 0.55s), вторая
   строка рукописным Caveat золотом с лёгким неоновым мерцанием
   (opacity-фликер каждые ~6s). Пульсирующая красная точка
   у надзаголовка. Плавающий бейдж «Свободных сеансов на этой
   неделе: 2» с покачиванием. Две CTA-кнопки. Вертикальный
   scroll-индикатор с бегущей чертой.
2. Marquee-полоса с лёгким наклоном (-0.6deg), красный фон,
   чёрный текст: «Реализм ✕ Неотрадишнл ✕ Графика ✕ Лайнворк ✕
   Орнамент ✕ Дотворк ✕ Леттеринг ✕ Кавер-ап», infinite scroll
   26s, без scale (чтобы не ломать ширину страницы).
3. О студии: слева фото мастера с тату-машинкой + смещённая
   красная рамка-контур за фото + плавающий бейдж «12 лет
   на коже», справа текст о подходе (эскиз начинается
   с разговора) и три счётчика (лет практики, работ сделано,
   призов на фестивалях) с count-up анимацией.
4. Стили: 6 карточек (реализм, неотрадишнл, графика и лайнворк,
   леттеринг, орнамент и дотворк, кавер-ап) с номером 01-06
   в углу, красным знаком ✕, описанием и ценой «от ...» золотом.
   Hover: подъём -8px с лёгким поворотом, красное свечение-пятно
   в углу, ✕ поворачивается на 90°.
5. Галерея работ: 4 карточки (2 высокие в 2 ряда, 2 обычные),
   фото с подписями «стиль · место» на градиентной подложке.
   Клик открывает лайтбокс: затемнение, крупное фото, подпись,
   кнопки «←» и «→», закрытие по крестику, Esc и клику мимо,
   стрелки клавиатуры листают. Hover по карточке: подъём,
   зум фото (scale 1.06), появление ✕.
6. Процесс: тёмная секция, 4 карточки-шага с номерами в кружках
   на красной линии: консультация (бесплатно), эскиз (правки
   сколько нужно), сеанс (одноразовые иглы, перерывы), уход
   и коррекция (бесплатная через месяц).
7. Стерильность: слева текст «Безопасность — не пункт в прайсе»,
   справа список из 4 пунктов с SVG-иконками: одноразовые иглы,
   автоклав после каждого клиента, медкнижки, плёнка и памятка.
8. Отзывы: 3 карточки от лица клиентов, звёзды SVG, подпись
   «Имя · тип работы». Живые детали: про перерисованный дважды
   эскиз, про кавер, про заживление за неделю.
9. Форма записи: имя, телефон, select «Стиль», select «Место»,
   textarea «Идея». Форма декоративная: при отправке preventDefault
   и показ success-панели «Заявка принята», остальные поля
   скрываются. Под кнопкой приписка «Это демо-форма: заявка
   никуда не отправляется».
10. Контакты: слева карта-заглушка (тёмная сетка с подпрыгивающим
    красным пином), справа список: адрес, телефон, почта, Telegram,
    часы работы.
11. Финальный CTA: тёмный блок с гигантскими контурными ✕ по
    углам, заголовок «Хорошая татуировка начинается с разговора»,
    кнопка записи на бесплатную консультацию.
12. Футер с пометкой «Демо-сайт создан на Smart-AI24» и ссылкой
    на платформу.

АНИМАЦИИ (обязательно):
- scroll reveal: fade-up / fade-left / fade-right через
  IntersectionObserver, задержка по data-delay. ВАЖНО: на
  мобильных (max-width 1024px) fade-left и fade-right заменяются
  на translateY(30px) — горизонтальные сдвиги на всю ширину
  ломают вёрстку.
- count-up счётчики с easing;
- marquee на 26s;
- всплывающие чернильные капли в canvas;
- неоновый фликер рукописной строки в hero;
- prefers-reduced-motion: отключить всё.

ТЕХНИЧЕСКИЕ ДЕТАЛИ:
- У body обязательно overflow-x: hidden.
- Галерея кликабельна: lightbox с предыдущим/следующим
  переходом и закрытием.
- Эмодзи не использовать: только типографика (✕, ·, →) и SVG.
- Адаптивность: бургер-меню до 1024px, сетки в одну-две
  колонки на мобильных, уменьшенные кнопки.
- Каждое изображение с описательным alt.

Перед финальным ответом проверь страницу: все якоря работают,
форма видна, галерея открывается, анимации не ломают вёрстку,
горизонтального скролла нет.

Подставьте свои название, город и контакты. Промпт можно смело сокращать: ассистент додумает детали в том же стиле. Главное оставить блок про анимации и про мобильную замену горизонтальных сдвигов — это убережёт вёрстку.

Что вы получите

  1. Готовый лендинг с адаптивной вёрсткой, анимациями, галереей и формой записи. Выглядит как работа дизайнера, но сделан через чат.
  2. SEO-оптимизированную страницу с мета-тегами, структурой и быстрой загрузкой. Google и Яндекс найдут вашу студию по запросу «тату рядом».
  3. Форму заявок — посетитель оставляет имя и телефон, заявка приходит вам в Telegram. Никаких CRM и настроек.
  4. Публикацию на вашем домене — сайт сразу доступен по ссылке, можно делиться с клиентами.

Сколько стоит

Создание сайта через Smart-AI24 — это не «заказать у фрилансера» и не «самому в конструкторе». Вы общаетесь с AI в чате, как с дизайнером. Говорите, что хотите, получаете результат. Правки — тоже через чат.

Первая версия обычно готова примерно за час. Если что-то не так — скажите, и AI переделает. Без доплат за правки.

Хотите сайт для своей тату-студии?

Расскажите о своей студии, стилях и мастерах — мы покажем это миру. Первый вариант обычно готов примерно за час.

Обсудить мой сайт

Другие ниши

Мы уже делали сайты для пекарен, барбершопов, флористов, фотографов, керамических студий, кофеен, кожевенных мастерских, логопедов, массажных кабинетов, свечных мастерских и груминг-салонов. Если вашей ниши нет в списке — не страшно. AI умеет создавать сайты для любого микробизнеса.