BELLEZA / SPA · Tailwind CDN · Vanilla JS · Claude Design

Línea Ígnea – Estudio de tatuajes con diseños que cuentan historias

★★★★★4,6 1.356 descargas

Tema web para el estudio de tatuajes Línea Ígnea, con hero a pantalla completa, presentación de servicios, artistas y galería. Diseño responsive y animaciones suaves con Tailwind CSS y JavaScript puro.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web para la marca ficticia "Línea Ígnea" (estudio de tatuajes) usando un único archivo HTML con Tailwind CSS vía CDN y JavaScript vanilla. Mantén la estructura exacta del sitio original: barra de navegación fija con logo a la izquierda y enlaces (Home, Sobre nosotros, Servicios, Artistas, Galería, Testimonios) y botón "Reservar" a la derecha; hero a pantalla completa con fondo de collage de imágenes en cinco columnas, título grande, subtítulo y dos botones («Estoy listo!» y «Ver trabajos»). Después del hero, secciones verticales enumeradas como en la tabla: Sobre nosotros (texto centrado, máximo 600 px de ancho), Servicios (tres columnas con icono, título y breve descripción), Artistas (tarjetas con foto circular, nombre y bio resumida), Galería (grid de 4 columnas en desktop, 2 en tablet, 1 en móvil, con efecto de escala al pasar el cursor), Testimonios (carrusel automático con fade, cada slide muestra foto circular, nombre y cita), Contacto (formulario simple de nombre, email, mensaje + botón) y Footer (enlaces de navegación secundaria, iconos de redes sociales, copyright). Paleta de colores: negro #000000, gris oscuro #1A1A1A, gris medio #4A4A4A, blanco #FFFFFF, acento rojo vino #8B0000. Tipografía: encabezados con "Montserrat" (700), párrafos con "Open Sans" (400). Animaciones suaves de fade‑in y slide‑up al hacer scroll, botones con hover de fondo rojo y texto blanco. Todas las imágenes deben usar URLs de placeholder (https://picsum.photos) con tamaños adecuados. El HTML debe ser semántico (header, nav, main, section, footer). Incluye script minimalista para el carrusel y para el menú hamburguesa en móvil. No usar frameworks adicionales, solo Tailwind CDN y código propio.

---

## 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.061 caracteres · 18 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

PROMPTS RELACIONADOS · BELLEZA / SPA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Línea Ígnea
Sector: Estudio de tatuajes y arte corporal
Claim: Trazos que cuentan historias

Bloques de la home

1.1 Hero con título, subtítulo y botones sobre fondo de collage de imágenes; 2.1 Bloque "Sobre nosotros" con título y texto descriptivo; 2.2 Cuadrícula de servicios/ofertas; 3.1 Presentación de artistas en tarjetas; 4.1 Galería de imágenes en mosaico; 5.1 Testimonios en carrusel; 6.1 Formulario de contacto y footer con enlaces 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

Línea Ígnea – Estudio de tatuajes con diseños que cuentan historias

Cópialo y pégalo en Claude Design

Otros prompts de la misma categoría

Línea Tinta

Línea Vital

LuceBelle

LumenSereno