NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Saludiva" (centro de atención médica integral) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe replicar el diseño estructural y visual del sitio analizado, sin copiar texto ni imágenes originales. Usa los siguientes colores y tipografía:
- Paleta: #0D3B66 (azul profundo), #FAA916 (ámbar), #F4F4F9 (gris muy claro), #FFFFFF (blanco), #1B998B (verde azulado).
- Tipografía: "Inter" para cuerpo y "Playfair Display" para títulos, ambas importadas de Google Fonts.
Estructura y componentes:
1. Header (navbar) fijo, fondo blanco con sombra ligera, logo placeholder (texto "Saludiva" en Inter bold, color #0D3B66). Menú horizontal con enlaces: Inicio, Sobre nosotros, Servicios, Testimonios, Artículos, Contact
4.774 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.774 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 Barra de navegación fija con logo, menú y botón primario
- 1.2 Hero con etiqueta, título, descripción y CTA
- 1.3 Slider de imágenes de fondo
- 1.4 Bloque de servicios (tarjetas)
- 1.5 Bloque de testimonios (carrusel)
- 1.6 Bloque de artículos (grid)
- 1.7 Footer con contacto y enlaces
SERVICIOS
- 1.1 Encabezado de página y descripción introductoria
- 1.2 Lista de servicios en tarjetas con icono, título y breve texto
- 1.3 CTA para agendar consulta
TESTIMONIOS
- 1.1 Encabezado y subtítulo
- 1.2 Carrusel de testimonios con foto, nombre y comentario
ARTICULOS
- 1.1 Encabezado de sección
- 1.2 Grid de tarjetas de artículo con imagen, título y resumen breve
- 1.3 Enlace a ver más artículos
CONTACTO
- 1.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 1.2 Información de ubicación y teléfono
- 1.3 Mapa incrustado (opcional)
POLÍTICA DE PRIVACIDAD
- 1.1 Texto legal estático
AVISO LEGAL
- 1.1 Texto legal estático
PROMPTS RELACIONADOS · SALUD Y MEDICINA