NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Salud Viva** (dominio saludviva.com) usando **HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo**. La web debe reproducir el diseño y la estructura de la plantilla médica analizada, sin copiar ningún texto original.
**Paleta de colores**
- Primario: #0D47A1 (azul profundo)
- Secundario: #1976D2 (azul vivo)
- Fondo principal: #F5F9FF (azul muy claro)
- Texto principal: #212121 (gris casi negro)
- Accent: #FF4081 (rosa vibrante para decoraciones y gradientes)
**Tipografía**
- Título y encabezados: `Inter`, peso 700, tamaño variable (h1 3rem, h2 2rem, h3 1.5rem)
- Texto corrido: `Inter`, peso 400, 1rem
- Botones: `Inter`, peso 600, mayúsculas
**Componentes**
1. **Header** fijo, alto 80px, fondo blanco, sombra l
4.655 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.655 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, navegación y botón primario
- 2.1 Hero con título, párrafo y botones CTA
- 3.1 Carrusel de imágenes horizontales con efecto de desplazamiento infinito
- 4.1 Bloque de tarjetas de información (3 columnas)
- 5.1 Sección de tabs (All, Home, Service, E‑commerce, CMS, Other Pages) y grid de miniaturas
ABOUT
- 1.1 Cabecera interna con título de sección y botón secundario
- 2.1 Grid de tres tarjetas que describen contenido incluido (páginas, secciones, etc.)
PAGES
- 1.1 Cabecera con filtros por categoría (tabs)
- 2.1 Grid de miniaturas de páginas agrupadas por categoría (Home, About, etc.)
- 3.1 Cada tarjeta muestra imagen, nombre de la página y flecha de enlace
PROMPTS RELACIONADOS · SALUD Y MEDICINA