NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Cuidarte Salud Infantil" (clínica pediátrica) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y estilo visual del sitio original, pero con contenido original en español de España.
- Paleta de colores: #0D3B66 (azul profundo), #FAF0E6 (beige claro), #F4A261 (naranja suave), #2A9D8F (verde azulado), #E9C46A (amarillo pastel). Usa estas como base para fondos, textos y acentos.
- Tipografía: Inter (sans‑serif) para cuerpos y títulos, con peso 400‑600.
- Header: barra de navegación fija, logo SVG placeholder, enlaces: Home, Sobre nosotros, Servicios, Blog, Contacto; botón destacado "Llámanos" con icono teléfono y número (555) 123‑4567.
- Hero: sección a pantalla completa con imagen de
4.113 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.113 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 con logo, enlaces y botón de contacto.
- 1.2 Hero con imagen, título, pre‑título, descripción y botón CTA.
- 1.3 Bloque "Por qué elegirnos" con imagen y texto.
- 1.4 Grid de características (icono + texto).
- 1.5 Servicios destacados en tarjetas con imagen, título, descripción y badges.
- 1.6 Footer con columnas de enlaces, datos de la clínica y redes.
ABOUT
- 2.1 Banner interno con título y breadcrumb.
- 2.2 Texto institucional y galería de fotos de la clínica.
- 2.3 Equipo médico en formato grid con foto, nombre y especialidad.
- 2.4 Valores y misión en tarjetas icónicas.
SERVICES
- 3.1 Lista de servicios en tarjetas con imagen, título y descripción breve.
- 3.2 Filtro por categorías.
- 3.3 Botón de reserva de cita.
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, teléfono y mensaje.
- 4.2 Mapa incrustado y datos de ubicación.
- 4.3 Horario de atención y botón de llamada.
BLOG
- 5.1 Lista de artículos con imagen, título, extracto y fecha.
- 5.2 Paginación.
- 5.3 Sidebar con categorías y últimos artículos.
FAQ
- 6.1 Preguntas frecuentes en acordeón.
- 6.2 Botón de contacto rápido.
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
