NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, TailwindCSS (CDN) y JavaScript vanilla en un único archivo. La marca ficticia es ElderCura (cuidado senior). Reproduce la estructura y estilo del sitio analizado, sin copiar texto original.
## Paleta de colores
- Primario: #0E0E0E (casi negro)
- Secundario: #FFFFFF (blanco)
- Acento: #1A73E8 (azul vibrante)
- Fondo claro: #F7F7F7
- Gris neutro: #CCCCCC
## Tipografía
- Fuente principal: "Inter", sans‑serif (cargar desde Google Fonts).
- Usar tamaños: 64px para títulos hero, 24px para subtítulos, 18px para cuerpo.
## Header
- Navbar fixed top, fondo blanco, sombra ligera.
- Logo a la izquierda (SVG placeholder).
- Enlaces: Demos (dropdown con 3 items), Sobre nosotros (dropdown con 5 items), Nuestro equipo, Únete (con contador), Todas las páginas (me
4.531 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.531 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 Barra de navegación fija con logo, enlaces principales, dropdowns y botones de acción
- 1.2 Hero principal con título, subtítulo y imagen ilustrativa
- 1.3 Sección descriptiva de los demos disponibles
- 1.4 Galería de miniaturas de las tres páginas de inicio con overlay interactivo
- 1.5 Botón flotante de “Book a call” que abre un popup con formulario de contacto
ABOUT US
- 2.1 Barra de navegación (reutilizada)
- 2.2 Hero interno con encabezado y texto introductorio
- 2.3 Bloque de historia de la empresa con imagen a la izquierda y texto a la derecha
- 2.4 Valores y misión en columnas
- 2.5 Llamada a la acción para contactar
SERVICES
- 3.1 Barra de navegación
- 3.2 Hero con título de servicios y descripción breve
- 3.3 Lista de servicios en tarjetas con icono y texto
- 3.4 Sección de testimonios rotador
- 3.5 Botón de solicitud de información
CONTACT US
- 4.1 Barra de navegación
- 4.2 Hero con formulario de contacto completo
- 4.3 Mapa integrado y datos de contacto
- 4.4 Botón de enviar y mensaje de éxito/error
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 18/06/2026
PROMPTS RELACIONADOS · MODA
