NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **AuroraVida** (residencia de cuidados para mayores) usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla**. La página deberá reproducir fielmente la estructura visual del sitio analizado, sin copiar textos ni imágenes originales. Utiliza los siguientes recursos y requisitos:
**Paleta de colores** (extraída del original):
- #0F172A (azul marino profundo) – fondo principal y texto blanco
- #1E293B (gris oscuro) – secciones secundarias
- #F8FAFC (gris muy claro) – contraste y fondos de tarjetas
- #10B981 (verde esmeralda) – acentos, botones y hover
- #F3F4F6 (gris claro) – bordes y sombras
**Tipografía**: `Inter` para títulos y cuerpos, pesos 400, 500, 700. Carga desde Google Fonts.
**Estructura**:
1. **Header** fija con logo (
4.756 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.756 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, navegación y botón de visita
- 1.2 Hero principal con video de fondo, título, subtítulo y botón de acción
- 1.3 Sección marquee de partners con contador y carrusel de logotipos
- 1.4 Bloque de promesa con texto animado y gráficos decorativos
- 1.5 (Servicios destacados)
- 1.6 (Testimonios)
- 1.7 (Formulario de contacto)
- 1.8 Footer con enlaces institucionales y redes sociales
ABOUT US
- 2.1 Cabecera reutilizada
- 2.2 Imagen de encabezado y texto institucional
- 2.3 Valores y misión en tarjetas
- 2.4 Equipo con fotos y descripciones
- 2.5 Footer
SERVICES
- 3.1 Cabecera
- 3.2 Lista de servicios con iconos y descripciones
- 3.3 Slider de actividades
- 3.4 CTA para reservar visita
- 3.5 Footer
BLOG
- 4.1 Cabecera
- 4.2 Grid de artículos con imagen, título y extracto
- 4.3 Paginación
- 4.4 Footer
CONTACT US
- 5.1 Cabecera
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa embebido
- 5.4 Información de contacto y horario
- 5.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
