NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "TintaViva Studios" (estudio de tatuajes y tienda online) usando HTML con TailwindCSS vía CDN y JavaScript vanilla en un único archivo. El objetivo es replicar el diseño visual y estructura del sitio analizado: video de fondo a pantalla completa en la portada, barra de navegación sticky con logo a la izquierda, enlaces a About, Services, Book, Works, Blog, Pricing, Contact y botón de carrito con badge de cantidad. Implementa un carrito modal que se abra al hacer clic, mostrando lista de artículos, subtotales y botones de checkout (no funcionales). La home debe contener: 1) hero con video y overlay de título "Arte en piel, historia en tinta" y botón "Explora"; 2) sección de servicios en grid 3‑col con iconos, título y breve texto; 3) galería
3.812 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.812 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 Video hero con texto superpuesto y botón principal
- 1.2 Navegación sticky con logo, enlaces y botón de carrito
- 1.3 Bloque de servicios destacados en grid de 3 columnas
- 1.4 Galería de trabajos con filtro por estilo
- 1.5 Testimonios en carrusel de tarjetas
- 1.6 Llamada a la acción para reserva de cita
- 1.7 Blog preview con tarjetas de artículos
- 1.8 Footer con información de contacto, redes y suscripción
ABOUT
- 2.1 Hero estático con foto del estudio y texto descriptivo
- 2.2 Historia del estudio en dos columnas
- 2.3 Equipo con fotos y breves bios
- 2.4 Valores y filosofía en iconos
- 2.5 CTA a reserva de cita
SERVICES
- 3.1 Lista de servicios en tarjetas con imagen, título y breve descripción
- 3.2 Precios ficticios en tabla simple
- 3.3 Botón de reserva bajo cada tarjeta
WORKS
- 4.1 Galería de imágenes en mosaico con efecto hover
- 4.2 Filtros por estilo (tradicional, blackwork, watercolor)
- 4.3 Lightbox al hacer clic
BLOG
- 5.1 Lista de artículos en grid de 3 columnas
- 5.2 Extracto, autor y fecha
- 5.3 Paginación inferior
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de contacto y horarios
PRICING
- 7.1 Tabla comparativa de paquetes de tatuaje
- 7.2 Botón de reserva en cada columna
CART
- 8.1 Modal de carrito con lista de productos, cantidades y precios
- 8.2 Subtotal y botones de checkout/continuar comprando
CHECKOUT
- 9.1 Formulario de datos de facturación y pago
- 9.2 Resumen del pedido
- 9.3 Botón de finalizar compra
PROMPTS RELACIONADOS · BELLEZA / SPA
