NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Tinta Viva" (tintaviva.com), estudio de tatuajes que vende productos y permite reservas. Usa HTML sencillo con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura visual del sitio original:
- Fondo de pantalla completa con video autoloop (usar placeholder https://example.com/hero.mp4) y overlay oscuro.
- Navbar fija, logo SVG ficticio, enlaces: Inicio, Servicios, Galería, Blog, Reservas, Contacto, Carrito. Botón de carrito muestra cantidad y abre modal.
- Paleta de colores: #111111 (fondo), #FF4D4D (acento rojo), #FFFFFF (texto), #222222 (cards).
- Tipografía: "Inter" para cuerpo, "Playfair Display" para títulos, cargadas desde Google Fonts.
- Sección 1: Hero con título grande "Arte que perd
3.538 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.538 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 título y botón principal
- 1.2 Navbar con logo, enlaces y carrito
- 1.3 Servicios destacados (3 columnas)
- 1.4 Galería de imágenes tipo masonry
- 1.5 Testimonios rotatorios
- 1.6 Llamado a reservar cita
- 1.7 Últimos posts del blog
- 1.8 Footer informativo
SERVICES
- 2.1 Encabezado con imagen de fondo
- 2.2 Lista de servicios con iconos y descripción
- 2.3 Precio y botón de reserva
ABOUT
- 3.1 Historia del estudio con foto grande
- 3.2 Equipo en tarjetas
- 3.3 Valores y misión
WORKS
- 4.1 Galería filtrable por estilo
- 4.2 Lightbox para ampliar imágenes
BLOG
- 5.1 Lista de artículos en grid
- 5.2 Sidebar con categorías y newsletter
CONTACT
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa embebido y datos de ubicación
- 6.3 Redes sociales
CART
- 7.1 Resumen de productos en carrito modal
- 7.2 Botones de eliminar, actualizar y proceder al checkout
CHECKOUT
- 8.1 Formulario de datos de facturación
- 8.2 Resumen de pedido y botón de pago
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO