NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Salud Orion" (sector salud y medicina) usando únicamente HTML estático, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. La página principal debe reproducir la estructura y estilo descritos en el resumen:
- **Paleta de colores**: #044340 (verde oscuro), #FFFFFF (blanco), #59595D (gris neutro), #F5F5F5 (fondo claro). Usa el verde como color primario en botones, enlaces y acentos; blanco para fondos principales; gris para texto secundario.
- **Tipografía**: Inter, sans‑serif, peso 400‑600, tamaños responsive (h1 3rem, h2 2.25rem, h3 1.75rem, texto base 1rem).
- **Header**: barra sticky con logo SVG estilo monograma (simular con placeholder), menú horizontal (Home, About Us, Services, Blog, Contact), dropdown "Pages" con enlaces adi
3.944 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.944 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 Cabecera fija con logo, menú principal y botón de contacto
- 2.1 Hero principal con título, descripción breve y botón de reserva
- 3.1 Cuadrícula de servicios (clínica general, odontología, farmacia, teleconsulta)
- 4.1 Bloque de estadísticas con contadores animados (años, pacientes, especialistas, consultas)
- 5.1 Tarjetas de profesionales destacados con foto, nombre y especialidad
- 6.1 Últimos artículos del blog en formato tarjeta
- 7.1 Pie de página con columnas de enlaces, datos de contacto y redes sociales
ABOUT US
- 1.1 Cabecera reutilizada
- 2.1 Imagen y texto descriptivo del centro
- 3.1 Valores y misión en columnas
- 4.1 Equipo completo con foto y bio corta
- 5.1 Testimonios rotantes
- 6.1 Pie de página
SERVICES
- 1.1 Cabecera reutilizada
- 2.1 Lista de servicios con iconos y descripciones
- 3.1 CTA a reserva de cita
- 4.1 Preguntas frecuentes en acordeón
- 5.1 Pie de página
BLOG
- 1.1 Cabecera reutilizada
- 2.1 Lista de artículos en tarjetas con imagen, título y excerpt
- 3.1 Sidebar con categorías y últimas publicaciones
- 4.1 Pie de página
CONTACT US
- 1.1 Cabecera reutilizada
- 2.1 Formulario de contacto (nombre, email, teléfono, mensaje)
- 3.1 Mapa incrustado
- 4.1 Información de contacto y horarios
- 5.1 Pie de página
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
