NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Médica Orion** (medicaorion.com) siguiendo el mismo estilo visual que la plantilla analizada. Utiliza HTML + Tailwind CSS (CDN) + JavaScript vanilla en un único archivo.
**Paleta de colores** (extraída del original):
- Principal: #0D3B66
- Secundario: #FAF0CA
- Acento: #F4D35E
- Texto oscuro: #073B4C
- Texto claro: #FFFFFF
**Tipografía**:
- Encabezados: `Montserrat` (peso 700)
- Cuerpo: `Open Sans` (peso 400)
- Carga ambas desde Google Fonts.
**Estructura**:
- **Header**: logo a la izquierda, menú horizontal (Home, About, Services, Pricing, Contact) con sub‑dropdown bajo "Pages" que incluye enlaces ficticios, botón destacado “Appointment Now" a la derecha, y carrito de compras con contador.
- **Hero**: título grande "Advanced treatme
3.927 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.927 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 con logo, menú de navegación y botón de cita
- 1.2 Hero con título destacado, texto descriptivo, botones de acción y número de contacto
- 1.3 Galería de imágenes decorativas del hero
- 1.4 Sección de servicios destacados en tarjetas
- 1.5 Testimonios en carrusel
- 1.6 Llamada a la acción para agendar cita
- 1.7 Footer con enlaces, información de contacto y redes sociales
ABOUT
- 1.1 Cabecera con barra de navegación
- 1.2 Título y descripción de la clínica
- 1.3 Equipo profesional en tarjetas
- 1.4 Valores y misión en bloques
- 1.5 Footer
SERVICES
- 1.1 Cabecera con barra de navegación
- 1.2 Lista de servicios con imágenes y descripciones
- 1.3 Botón de solicitud de cita
- 1.4 Footer
PRICE
- 1.1 Cabecera con barra de navegación
- 1.2 Tabla comparativa de planes
- 1.3 Botón de compra / agenda
- 1.4 Footer
CONTACT
- 1.1 Cabecera con barra de navegación
- 1.2 Formulario de contacto y mapa
- 1.3 Información de teléfono y email
- 1.4 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
