NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Arcoíris Salud" (pediatría) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual y estructura del sitio original sin copiar textos.
- Paleta de colores: primario #0EA5E9 (azul cielo), secundario #10B981 (verde esmeralda), acento #F59E0B (ámbar), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris oscuro).
- Tipografía: "Inter" para títulos y body, cargada vía Google Fonts.
- Header: barra fija con logo SVG, navegación con enlaces "Inicio", "Sobre nosotros", "Servicios", "Doctores", "Blog", "Contacto"; menús desplegables con animación de desvanecimiento; botón de teléfono con ícono y botón "Contáctanos" estilo primario.
- Hero: contenedor centrado, título grande (texto: "Cuid
3.592 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.592 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, menú desplegable y botón de contacto
- 1.2 Hero con título grande, descripción y presentación de mockups de páginas
- 1.3 Bloque de confianza del cliente con encabezado y tres iconos descriptivos
- 1.4 Sección de características resaltando estilo, componentes y guía de estilo
- 1.5 Testimonios con citas de usuarios
- 1.6 Footer con datos de contacto, enlaces rápidos y redes sociales
ABOUT US
- 1.1 Encabezado con título y subtítulo
- 1.2 Texto descriptivo del centro y su misión
- 1.3 Imagen ilustrativa del equipo médico
- 1.4 Lista de valores y principios
- 1.5 Footer replicado del Home
SERVICES
- 1.1 Lista de servicios pediátricos con íconos
- 1.2 Descripción breve de cada servicio
- 1.3 Botón de reserva para cada servicio
- 1.4 Footer estándar
DOCTORS
- 1.1 Galería de profesionales con foto, nombre y especialidad
- 1.2 Enlace a detalle de cada doctor
- 1.3 Footer estándar
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Información de teléfono y dirección
- 1.3 Mapa incrustado
- 1.4 Footer estándar
PROMPTS RELACIONADOS · TECNOLOGÍA