Carrito Iniciar sesión
SALUD Y MEDICINA · Claude Design · HTML

ClaraSalud — Prompt de diseño web para Claude AI

Clínica dental y servicios de salud bucal Cuidamos tu sonrisa con ciencia y calidez.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
ClaraSalud — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático para la marca ficticia **ClaraSalud** (clínica dental) usando **HTML único + Tailwind CSS a través del CDN** y **JavaScript vanilla** en un solo archivo. El objetivo es replicar el diseño analizado: - **Paleta de colores**: #0A3D62 (azul profundo), #1F7A8C (azul medio), #F4F4F9 (gris claro), #FFFFFF (blanco), #E0E0E0 (gris neutro). - **Tipografía**: `Inter` para encabezados y cuerpo (Google Fonts), peso 400‑700. - **Header**: barra de navegación fija con logo a la izquierda, enlaces horizontales (Inicio, Sobre nosotros, Servicios, Blog, Precios, Contacto), dropdown "Páginas" con enlaces internos, botón destacado "Solicita tu cita" y mini‑icono de carrito con contador. En móviles, colapsa a menú hamburguesa. - **Preloader**: pantalla completa con animación de
4.180 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.180 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
ClaraSalud — home completa
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, enlaces principales, dropdown de páginas y botón de carrito.
  • 1.2 Preloader animado con contador numérico.
  • 1.3 Hero con fondo visual, título grande, descripción breve y botón "Solicita tu cita".
  • 1.4 Cuatro tarjetas de servicios (Limpieza, Implantes, Ortodoncia, Blanqueamiento) con icono, título y breve descripción.
  • 1.5 Carrusel de testimonios de pacientes con foto, nombre y comentario.
  • 1.6 Formulario sencillo de suscripción al boletín (email + botón).
  • 1.7 Footer con columnas: Contacto, Enlaces útiles, Redes sociales, © año y política de privacidad.

ABOUT

  • 2.1 Banner interno con título "Sobre nosotros" y foto del equipo.
  • 2.2 Texto descriptivo de la clínica, misión y valores.
  • 2.3 Galería de fotos del consultorio.

SERVICES

  • 3.1 Lista de servicios en bloques con icono, título y botón "Más detalles".
  • 3.2 Sección de precios resumida en tabla de tres columnas.

BLOG

  • 4.1 Grid de artículos con imagen, título, extracto y fecha.
  • 4.2 Paginación inferior.

PRICING

  • 5.1 Tabla comparativa de planes de tratamiento con características y botones de reserva.

CAREER

  • 6.1 Listado de vacantes con título, ubicación y botón "Aplicar".

CONTACT

  • 7.1 Formulario de contacto (nombre, email, mensaje) y mapa incrustado.

FAQ

  • 8.1 Preguntas frecuentes en acordeón.

PRIVACY-POLICY

  • 9.1 Texto legal extenso.
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría