NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **TintaLínea** (tintalinea.com). La web es un **Comercio electrónico** para un estudio de tatuajes, debe estar implementada en **HTML único con Tailwind CSS CDN y JavaScript vanilla** (todo en un solo archivo). Usa la siguiente paleta de colores: #0D0D0D (fondo principal), #FFFFFF (texto), #E63946 (acentos rojo), #F1FAEE (gris claro). Tipografía: **Inter** para cuerpo y **Playfair Display** para encabezados.
**Estructura y requisitos**:
- **Header** sticky, ancho completo, fondo negro, logo a la izquierda (texto "TintaLínea" en Playfair, color #E63946), menú centrado con enlaces: ABOUT, SERVICES, WORKS, BLOGS, PRICING, CONTACT US. A la derecha, ícono de carrito que abre un modal con lista de productos, subtotales y botón "Continuar al ch
4.455 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.455 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 Cabecera fija con logo, menú y carrito
- 1.2 Hero con fondo oscuro, título y botón CTA
- 1.3 Grid de servicios (3 columnas)
- 1.4 Galería de trabajos estilo carrusel
- 1.5 Testimonios rotativos
- 1.6 FAQ en acordeón
- 1.7 Formulario de reserva / cita
- 1.8 Footer con información de localización, redes y enlaces
ABOUT
- 1.1 Cabecera reutilizada
- 1.2 Imagen de encabezado y misión del estudio
- 1.3 Equipo con fotos y biografías
- 1.4 Valores y certificaciones
- 1.5 Footer estándar
SERVICES
- 1.1 Cabecera
- 1.2 Lista de servicios con precios genéricos y botón 'Solicitar'
- 1.3 Iconos descriptivos
- 1.4 CTA a reserva
- 1.5 Footer
WORKS
- 1.1 Cabecera
- 1.2 Galería filtrable por estilo
- 1.3 Detalle de proyecto con imágenes ampliables
- 1.4 CTA a contacto
- 1.5 Footer
BLOGS
- 1.1 Cabecera
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Paginación
- 1.4 Sidebar con categorías y suscripción
- 1.5 Footer
PRICING
- 1.1 Cabecera
- 1.2 Tabla comparativa de planes
- 1.3 Beneficios y CTA a compra
- 1.4 Footer
CONTACT
- 1.1 Cabecera
- 1.2 Formulario de contacto completo
- 1.3 Mapa incrustado
- 1.4 Información de horario y ubicación
- 1.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
