SALUD Y MEDICINA · Claude Design · HTML

ClaraVida — Prompt de diseño web para Claude AI

★★★★★4,7 1.881 descargas

Clínica pediátrica y atención infantil Cuidamos a los más pequeños con calidez y profesionalidad.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático para la marca ficticia ClaraVida (clinica pediátrica) usando HTML único, Tailwind CSS vía CDN y JavaScript vanilla. Emplea la siguiente paleta de colores: #F5F7FA (fondo gris muy claro), #FFFFFF (blanco), #FF6F61 (rojo coral para botones y acentos), #2C3E50 (gris azul oscuro para textos), #A0B2C6 (gris medio para subtítulos). Tipografía: Inter (Google Fonts) para todo el texto, tamaños: 14px cuerpo, 24px subtítulos, 48px títulos hero. Estructura:

1. Navbar: contenedor centrado, logo a la izquierda (SVG placeholder), enlaces Home, About, Pages (dropdown con varios links), Services, y a la derecha botón telefónico con ícono y texto, y botón primario "Contact us" con animación de fondo. Menú colapsable en móvil.

2. Hero: sección a pantalla completa con imagen de f

φ└╠≥←≥◘≡ ┼◙┬╬²∩♦ ß╩ε═≤┴═ τ▀│↑┴♦← ┼║┼ⁿ■╦╠ ┬←╚µ▒♦∩ ⁿΩ▓╗α▀
 ┬█←├╝▓♣ ├∞╫╠∩└╝ →◘τδ→≡■ √Φ╬░σⁿⁿ ▀╦→┬█│╬ ░↑²•╗≥↓ ═╔│╣├
▓ ■╫║╗♠┴√ ε♠│╦µ╫┼ ╦Σ╫←░║▓ ░┤▓Ωß←▓ ◘│┼∩╣√╦ ╔╝╗╗↑╡╫ ↓≡▀▒
δ♦ π²┴µφ┴║ ▒╠σ•░═◘ █║εµ└┴∩ Φ╦µδⁿ░• ║∩◙ⁿ╩♣└ √♣├▓²▒ε ╗≤δ
╦┼♣ ╬╠•ε┬↔╡ │Ω╣┬╫╬ⁿ Φσ├²═±▀ ─↔╬╔•◙░ ╚▀├±ε╗◘ ║▀┤▓µ◘╦ ╔┼
╡σ┤╦ ≡█ⁿ╣╔◙┬ ↑→▀ε■◘└ ╬Ω╔ⁿππ╦ ┴└◙║▒∞╣ ╗♠■◙║↑◙ ▒╠←Ωµφ↔ ▒
δτ≥∞╗ ≡╩αδ┼═♣ ▀└•π═∩╠ ╚∩┼≤│▀╦ ├┼╠ß≡ßπ Ω√∞═▓≡╠ δφ╦▀²╠→ 
δ◘ß╬░▀ ╣▀▓╝ß├ß ■α▓├√╠█ µ╬≡╔█µ√ ┤↔→▒→┬█ ↔╦═≥╗ß░ ╣•│╣╔▀■
◙┬Ω─ε■→ α◘┬┼╠♠│ π│α◙Σ║≤ ±δπ╦├┼√ ⁿ╗┬│±Σ╬ α╣▒║╔■Σ ⁿ═║▓╠Ω
 √≡╩▓║δ▒ →≥■╝╬²← ╫║♦╦╔▒┴ ╠╔▒φ↔↔╦ ╗╫■╔≡♦≥ •╦ⁿ█Φ▓▒ ═α█ßⁿ
│ ├²┴╩σ♣╠ ─ππ─≥→╝ ←╦╔←→Σπ δ┬█▀▀│→ π╗♦░▀♠║ ♠→▓┼╗φ≤

3.873 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

3.873 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 Navbar con logo, enlaces de navegación, botón telefónico y CTA "Contact us"
1.2 Hero: imagen completa, overlay, badge, título, descripción, botón "View all services" y valoración de usuarios
1.3 Bloque "Why choose us": imagen a la izquierda, título, párrafo explicativo y botón "About our clinic"
1.4 Features: cuadrícula de 4 ítems con icono y texto (cuidado infantil, atención el mismo día, equipo certificado, guía para padres)
1.5 Servicios: grid de 3 tarjetas, cada una con imagen, decoración, hover icono, título, descripción y badges de características
1.6 Footer (no incluido en el HTML provisto, pero se asume presente con datos de contacto y enlaces)

PROMPTS RELACIONADOS · SALUD Y MEDICINA