CREATIVO · Tailwind CDN · Vanilla JS · HTML5

Línea Aurora – Estudio de tatuajes oscuro y moderno

★★★★★4,7 1.082 descargas

Sitio web de estética negra y contemporánea para el estudio de tatuajes Línea Aurora. Incluye hero con video de fondo, reservas online y presentación de servicios con tarjetas interactivas. Optimizado para SEO y dispositivos móviles.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia "Línea Aurora", un estudio de tatuajes con estética oscura y moderna. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la siguiente estructura y estilo sin copiar texto original:

- Paleta de colores: fondo negro profundo #0a0a0a, texto principal #f5f5f5, acentos rojo sangre #c71f1f, gris neutro #2e2e2e, blanco puro #ffffff.
- Tipografía: "Inter" para encabezados (font-weight 700) y "Source Serif Pro" para párrafos (font-weight 400).
- Header: barra de navegación fija con logo de texto "Línea Aurora" (svg simple), enlaces Home, Sobre Nosotros, Servicios, Reserva, Galería, Paquetes. Menú hamburguesa colapsable en móvil.
- Hero: sección a pantalla completa con video de fondo ( autoplay, loop, muted ) y overlay semitransparente gris oscuro. Texto superpuesto dividido en dos líneas grandes: "ARTE" y "CORPOREAL" con tipografía Inter, tamaño 6xl en escritorio, 4xl en móvil. Botón primario rojo "Reserva tu sesión" con icono flecha derecha.
- Bloque "Sobre nosotros": contenedor de dos columnas; izquierda texto descriptivo (3 párrafos) y botón secundario "Conócenos"; derecha mini‑galería de dos imágenes con efecto zoom al pasar el cursor.
- Sección de categorías/servicios: grid de 3 columnas en escritorio, 1 columna en móvil. Cada tarjeta muestra una imagen de servicio, fondo #2e2e2e, texto del servicio en blanco y etiqueta estilo badge rojo sobre la imagen con el nombre del servicio. Card tiene hover: levanta 5px y suaviza la sombra.
- Footer: fondo #0a0a0a, columnas con enlaces rápidos (Home, Servicios, Reserva, Contacto), datos de contacto (email, teléfono), y iconos de redes sociales (Instagram, TikTok) en blanco.
- Interactividad: Menú hamburguesa abre/cierran con transición de 300ms. Botón de reserva desplaza suavemente a la sección de formulario de reserva usando scrollIntoView. Animaciones de aparición (fade‑in) al hacer scroll en bloques principales.
- Responsividad: usar las breakpoints de Tailwind (sm, md, lg, xl) para adaptar layout.
- Todo el contenido textual debe estar en español de España, escrito de forma original y activa, sin referencias a la plantilla original.
- Incluir comentarios HTML que delimiten cada sección para facilitar la lectura.

Entregar el código listo para copiar‑pegar, funcional en cualquier navegador moderno.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.711 caracteres · 32 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Hero con video de fondo, título compuesto en dos líneas y botón de reserva
1.2 Bloque "La historia detrás de nosotros" con texto descriptivo, botón y mini‑galería
1.3 Sección de categorías que muestra tarjetas de servicios con imágenes y etiquetas
1.4 Footer con menú rápido, datos de contacto y enlaces a redes

ABOUT

2.1 Encabezado interno con título y subtítulo
2.2 Texto largo sobre la filosofía del estudio
2.3 Galería de imágenes del equipo y el espacio

SERVICES

3.1 Lista de servicios en tarjetas con imagen, nombre y breve descripción
3.2 Botón de llamada a la acción para reservar o solicitar información

APPOINTMENT

4.1 Formulario de reserva con campos de nombre, email, fecha y tipo de servicio
4.2 Información de horarios y política de citas

SHOWCASE

5.1 Galería tipo mosaico con imágenes de tatuajes realizados
5.2 Lightbox para visualización ampliada

PACKAGE

6.1 Tarjetas de paquetes promocionales con precio indicativo y beneficios
6.2 Botón para solicitar el paquete

CONTACT

7.1 Formulario de contacto rápido
7.2 Mapa incrustado y datos de ubicación

PROMPTS RELACIONADOS · CREATIVO

Otros prompts de la misma categoría

Ficha de marca

Nombre: Línea Aurora
Sector: Estudio de tatuajes y arte corporal
Claim: El cuerpo como lienzo de historias

Bloques de la home

1.1 Hero con video de fondo y llamada a acción
1.2 Bloque "Sobre nosotros" con texto y botón
1.3 Sección de categorías/servicios con tarjetas y etiquetas
1.4 Footer con enlaces de contacto y redes sociales

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada