NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "SaludCerca" (dominio saludcerca.com) utilizando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. La web debe ser un sitio corporativo de atención médica con las siguientes características:
- Paleta de colores: primario #0A0A0A, secundario #555555, acento #0066FF, fondo #F9F9F9, texto claro #FFFFFF.
- Tipografía: Inter (sans-serif) para títulos y textos, peso 400‑700.
- Header fijo con logo (SVG placeholder), menú horizontal (Home, Servicios, Instalaciones, Sobre nosotros, Contacto) y botón "Agendar cita" en estilo primario.
- Hero sección a pantalla completa con fondo abstracto SVG (dos formas geométricas tipo ondas), título grande en color primario, subtítulo en cursiva, texto descriptivo en secundario, dos bot
3.454 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.454 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 Encabezado con logo, menú principal y botón de acción
- 1.2 Hero principal con fondo abstracto, título, subtítulo, descripción breve y dos botones CTA
- 1.3 Bloque de servicios destacados en cuadrícula de tres columnas
- 1.4 Área institucional con texto explicativo y elemento visual decorativo
- 1.5 Llamada a la acción para agendar cita con formulario breve
- 1.6 Pie de página con enlaces de navegación secundaria, información de contacto y redes sociales
SERVICES
- 2.1 Encabezado interno replicando el global
- 2.2 Título de página y descripción introductoria
- 2.3 Lista de servicios en tarjetas con iconos y breves textos
- 2.4 Testimonios en carrusel
- 2.5 CTA para contactar
- 2.6 Footer común
ABOUT
- 3.1 Encabezado global
- 3.2 Título y misión de la clínica
- 3.3 Equipo profesional en grid de perfiles
- 3.4 Historia con línea de tiempo visual
- 3.5 CTA a agenda
- 3.6 Footer común
CONTACT
- 4.1 Encabezado global
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Mapa estático de ubicación
- 4.4 Información de contacto y horarios
- 4.5 Footer común
PROMPTS RELACIONADOS · SALUD Y MEDICINA