NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Línea Nébula" (estudio de tatuajes) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura visual del ejemplo:
- Header fijo con logo SVG a la izquierda y menú de navegación (Home, Sobre nosotros, Servicios, Artistas, Galería, Testimonios, Contacto) y botón destacado "Reserva ahora". Menú colapsable en móvil con icono de hamburguesa.
- Hero a pantalla completa con fondo negro y texto blanco: título grande (h1) "Cada trazo cuenta una historia", subtítulo mediano, dos botones (primario "Estoy listo" y secundario "Ver portafolio"). Detrás, una cuadrícula de 5 columnas de imágenes (avif) que se desplazan suavemente y tienen efecto blur al cargar.
- Sección "Sobre nosotros" con fondo cla
4.103 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.103 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Hero con título, subtítulo y botones, fondo de imágenes en columnas animadas
- 1.2 Bloque "Sobre nosotros" con encabezado, texto y botón
- 1.3 Sección de servicios/ofertas con tarjetas descriptivas
- 1.4 Galería de artistas con perfiles y enlaces
- 1.5 Galería de trabajos con rejilla de imágenes
- 1.6 Testimonios con carrusel simple
- 1.7 Formulario de contacto y llamada a la acción
- 1.8 Footer con enlaces de navegación, datos de contacto y redes sociales
SOBRE NOSOTROS
- 2.1 Encabezado y párrafo descrito del estudio
- 2.2 Imagen ilustrativa acompañante
- 2.3 Botón de reserva
SERVICIOS
- 3.1 Título de sección y breve introducción
- 3.2 Tres o cuatro tarjetas con icono, título y descripción corta
GALERÍA DE ARTISTAS
- 4.1 Grid de perfiles con foto, nombre y especialidad
- 4.2 Enlace a detalle del artista
GALERÍA DE TRABAJOS
- 5.1 Rejilla de imágenes estilo masonry con efecto hover
- 5.2 Lightbox simple al hacer clic
TESTIMONIOS
- 6.1 Carrusel de citas de clientes con foto y nombre
CONTACTO
- 7.1 Formulario con campos nombre, email, teléfono y mensaje
- 7.2 Botón enviar
- 7.3 Información de ubicación y horarios
FOOTER
- 8.1 Enlaces de navegación principal
- 8.2 Iconos de redes sociales
- 8.3 Datos de contacto y copyright
PROMPTS RELACIONADOS · EDUCATION
