NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página para la marca ficticia "Ideas Aurora" (estudio de tatuajes y piercings). Utiliza HTML5 y Tailwind CSS vía CDN, con JavaScript vanilla en un único archivo. Reproduce la siguiente estructura visual y de interacción basada en la plantilla analizada:
- **Paleta de colores**: negro puro #000000, gris oscuro #1a1a1a, gris medio #333333, blanco puro #ffffff, acento rojo oscuro #b71c1c.
- **Tipografía**: encabezados con 'Playfair Display', cuerpo con 'Inter', ambas importadas de Google Fonts.
- **Header**: barra de navegación centrada, fondo transparente, logo SVG a la izquierda, menú dividido en dos columnas (Home, About | Services, Contact) con efecto hover subrayado. En móvil, colapsar en botón hamburguesa.
- **Hero**: sección a pantalla completa,
4.762 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.762 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 Navbar centrado con logo y menú dual
- 1.2 Hero principal con encabezado grande, texto descriptivo y botón CTA
- 1.3 Sección de puntos clave en scroll horizontal
- 1.4 Bloque "About" con texto y imagen
- 1.5 Bloque "Services" con imagen y texto
- 1.6 Tarjetas de servicios destacados con imágenes y descripciones
- 1.7 Galería de imágenes estilo mosaico
ABOUT
- 2.1 Título de sección y párrafo explicativo
- 2.2 Botón de visita al estudio
- 2.3 Imagen de fondo decorativa
SERVICES
- 3.1 Imagen principal del servicio
- 3.2 Título y descripción del servicio
- 3.3 Botón de exploración de más servicios
CARDS
- 4.1 Tarjeta "Minimal y Personalizado" con imagen y descripción
- 4.2 Tarjeta "Bold y Significativo" con imagen y descripción
- 4.3 Tarjeta "Pareja a medida" con imagen y descripción
PROMPTS RELACIONADOS · CREATIVO