NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Cuidado Infantil" (cuidoinfantil.com), una clínica pediátrica corporativa. Usa solo HTML en un único archivo, Tailwind CSS CDN y JavaScript vanilla.
**Paleta de colores**:
- Primary: #2F8E9D
- Secondary: #A3D9D1
- Accent: #F9C74F
- Background: #F7F9FC
- Text: #2B2B2B
**Tipografía**:
- Heading: "Inter", sans-serif, weight 600
- Body: "Inter", sans-serif, weight 400
**Estructura**:
1. **Header (navbar)** – barra fija, fondo blanco, sombra ligera. Logo a la izquierda (texto "Cuidado Infantil" en primary). Menú central con enlaces: Home, About, Services, Blog, Contact, FAQ. En la derecha botón de llamada (teléfono) con icono y botón "Contacta" primary.
2. **Hero section** – contenedor full‑width, imagen de niño jugando como fondo
4.411 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.411 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, menú y botones de llamada y contacto
- 2.1 Hero principal con imagen de fondo, título, descripción y llamado a la acción
- 3.1 Bloque "Sobre nosotros" con imagen, título, texto y botón
- 4.1 Cuadrícula de características de la clínica (iconos + texto)
- 5.1 Sección de servicios en grid, cada ítem con imagen, título, descripción y etiquetas
- 6.1 Pie de página con enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 1.1 Cabecera con título y subtítulo
- 2.1 Texto descriptivo de la clínica
- 3.1 Galería de fotos del centro
- 4.1 Equipo profesional con foto y breve bio
- 5.1 Llamado a la acción para solicitar cita
SERVICES
- 1.1 Lista de servicios en tarjetas con imagen, título, descripción y etiquetas
- 2.1 Filtro por categoría
- 3.1 Botón para ver detalle de cada servicio
CONTACT
- 1.1 Formulario de contacto (nombre, email, teléfono, mensaje)
- 2.1 Información de contacto (teléfono, email, dirección)
- 3.1 Mapa embebido
- 4.1 Horario de atención
BLOG
- 1.1 Lista de artículos con imagen, título, resumen y fecha
- 2.1 Paginación
- 3.1 Barra lateral con categorías y archivo
FAQ
- 1.1 Preguntas frecuentes en acordeón
- 2.1 Botón para enviar nueva pregunta
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
