NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Medisfera** (plataforma digital de información y gestión sanitaria) siguiendo el siguiente alcance y stack:
- **Stack**: HTML único, TailwindCSS vía CDN, JavaScript vanilla en <script> al final del body. No usar frameworks externos ni dependencias adicionales.
- **Paleta de colores**: #0A2239 (azul marino profundo), #1E3A5F (azul medianoche), #3A5A8C (azul frío), #F5F7FA (gris muy claro background), #FFFFFF (blanco), #E63946 (rojo acento para botones y enlaces).
- **Tipografía**: `Inter` (sans‑serif) para textos y `Playfair Display` para títulos grandes. Incluir `<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">` y asignar `font-sans` a Inter, `f
4.809 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.809 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 superior con logo, enlaces rápidos y teléfono
- 1.2 Navbar principal con logo, mega‑menú de "All pages" y sub‑menús desplegables
- 1.3 Hero con título y llamada a la acción
- 1.4 Cuadrícula de tarjetas de departamentos/servicios
- 1.5 Sección de productos destacados
- 1.6 Testimonios en carrusel
- 1.7 Footer con información institucional
ABOUT US
- 2.1 Cabecera superior y navbar (reutilizados)
- 2.2 Hero con imagen y texto descriptivo
- 2.3 Historia en bloques de texto e imagen
- 2.4 Valores en tarjetas iconográficas
- 2.5 Equipo en cuadrícula de fotos y roles
- 2.6 Footer
DEPARTMENTS
- 3.1 Cabecera y navbar
- 3.2 Lista de departamentos en tarjetas con ícono y breve descripción
- 3.3 Filtro por especialidad
- 3.4 Footer
DOCTORS
- 4.1 Cabecera y navbar
- 4.2 Grid de médicos con foto, nombre, especialidad y botón "Ver perfil"
- 4.3 Footer
PRODUCT
- 5.1 Cabecera y navbar
- 5.2 Hero de producto
- 5.3 Galería de imágenes del producto
- 5.4 Detalles técnicos en tabla
- 5.5 Botón de compra (sin precio)
- 5.6 Footer
NEWS
- 6.1 Cabecera y navbar
- 6.2 Lista de artículos con imagen, título y extracto
- 6.3 Paginación
- 6.4 Footer
CONTACT US
- 7.1 Cabecera y navbar
- 7.2 Formulario de contacto (nombre, email, mensaje)
- 7.3 Mapa incrustado
- 7.4 Información de contacto y horario
- 7.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
