NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático llamado Áurea Lab (aurealab.com) que reproduzca el diseño y estructura del sitio analizado, sin copiar textos ni imágenes originales. Usa solo HTML y Tailwind CSS vía CDN, y JavaScript vanilla en un único archivo.
**Paleta de colores** (extraída del original):
- #0A0A0A (negro profundo para fondos y textos principales)
- #FFFFFF (blanco puro para textos sobre fondos oscuros)
- #F4F4F4 (gris muy claro para secciones de fondo gris)
- #1E3A8A (azul intenso para acentos y botones)
- #E5E7EB (gris medio para bordes y separadores)
**Tipografía**: Utiliza "Inter" para todo el texto (carga de Google Fonts) con pesos 400, 500, 700.
**Estructura**:
1. **Header**: barra fija con logo a la izquierda, menú horizontal (Home, Servicios, Investigación, Blog, Contacto) y botó
4.719 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.719 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 con logo, menú y botón de cita
- 1.2 Hero slider con tres diapositivas, textos y CTA
- 1.3 Bloque "Inside Our Laboratory" con subtítulo, título, descripción y botón
- 1.4 Vídeo de fondo autoloop con overlay
- 1.5 Marquee doble capa horizontal con palabras del sector
- 1.6 Sección de servicios: tarjetas numeradas (01‑03) con icono, título y enlace
- 1.7 Footer minimalista con enlaces y datos de contacto
ABOUT US
- 2.1 Cabecera interna con banner y breadcrumbs
- 2.2 Texto largo sobre la misión y visión del laboratorio
- 2.3 Imagen ilustrativa y galería
- 2.4 CTA a contacto
SERVICES
- 3.1 Lista de servicios en tarjetas, cada una con número, icono y breve descripción
- 3.2 Sidebar con filtro de categorías
- 3.3 CTA de solicitud de presupuesto
CONTACT US
- 4.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 4.2 Mapa incrustado
- 4.3 Información de contacto y horario
BLOG
- 5.1 Grid de artículos con imagen, título, extracto y botón leer más
- 5.2 Sidebar con categorías y últimos posts
FAQ
- 6.1 Preguntas frecuentes en accordión
- 6.2 CTA a contactar para dudas adicionales
PROMPTS RELACIONADOS · BELLEZA / SPA
