NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática con HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo que reproduzca el diseño visual de un estudio de tatuajes dark‑mode, siguiendo estos requisitos:
**Marca ficticia**: Luna Tinta (dominio lunaninta.com, claim "Arte que perdura en la piel", email hola@lunaninta.com, año 2026).
**Categoría**: Creativo.
**Paleta de colores** (extraída del original):
- Fondo principal: #0A0A0A (casi negro)
- Texto primario: #FFFFFF
- Texto secundario: #CCCCCC
- Accent / botones: #E91E63 (magenta vibrante)
- Overlay oscuro: rgba(0,0,0,0.6)
**Tipografía**: Fuente de Google "Montserrat" (peso 400‑700) para títulos y "Open Sans" para cuerpo.
**Estructura**:
1. **Header / Navbar** fijo en la parte superior, logo a la izquierda (SVG placeholder), enlaces de navegació
4.642 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.642 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 video de fondo, overlay, título dividido (Skin / Art) y botón "Book An Appointment"
- 1.2 Navegación principal (logo, enlaces: About, Services, Appointment, Works, Package, botón menú móvil)
- 1.3 Bloque "More About" con texto, botón "More About us" y dos imágenes decorativas
- 1.4 Sección Categorías con imagen destacada y grid de tarjetas de servicios (cada tarjeta: imagen + título)
- 1.5 Footer (contacto, redes sociales, enlaces legales)
ABOUT
- 2.1 Hero interno con título y subtítulo
- 2.2 Texto descriptivo del estudio, galería de imágenes y llamado a la acción
SERVICES
- 3.1 Lista de servicios en tarjetas con imagen y nombre
- 3.2 Descripción breve y botón de reserva para cada servicio
APPOINTMENT
- 4.1 Formulario de reserva con campos: nombre, email, teléfono, fecha, tipo de servicio
- 4.2 Botón "Confirmar cita"
WORKS
- 5.1 Galería tipo masonry de trabajos realizados (imágenes grandes)
- 5.2 Filtros por estilo de tatuaje
PACKAGE
- 6.1 Paquetes promocionales en tarjetas con precio simbolizado (sin cifras reales)
- 6.2 Botón "Ver paquete"
PROMPTS RELACIONADOS · EDUCACIÓN
