NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia MiauSalud (dominio miausalud.com) usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño analizado:
- Paleta de colores: #0F4C81 (azul oscuro), #1E85FF (azul brillante), #F5F7FA (gris muy claro), #FFFFFF (blanco), #FFC107 (amarillo para acentos).
- Tipografía: Inter, sans‑serif, peso 400‑600.
- Header: barra full‑width con logo a la izquierda, menú horizontal (Home, About, Services, Blog, Contact) y botón secundario "Learn More" a la derecha. El menú "Explore" abre un dropdown con enlaces a todas las páginas; implementa el dropdown con CSS y un pequeño script de toggle.
- Hero: sección ocupando la mayor parte de la pantalla, fondo hero responsive (imagen de alta calidad), tí
3.483 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.483 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 y menú desplegable
- 1.2 Botón destacado "Learn More"
- 2.1 Hero principal con título, subtítulo, rating y botones de acción
- 2.2 Imagen de fondo hero responsiva
- 3.1 Sección de pasos en tres columnas con iconos y descripción
- 4.1 Footer con enlaces, datos de contacto y redes sociales
ABOUT
- 1.1 Cabecera repetida
- 2.1 Bloque de presentación de la empresa con imagen y texto
- 3.1 Valores y misión en tarjetas
- 4.1 Footer estándar
SERVICES
- 1.1 Cabecera
- 2.1 Lista de servicios con íconos y descripciones
- 3.1 Testimonios en carrusel
- 4.1 Footer
BLOG
- 1.1 Cabecera
- 2.1 Grid de artículos con miniaturas y extractos
- 3.1 Sidebar con categorías y últimas entradas
- 4.1 Footer
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado y datos de ubicación
- 4.1 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
