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

Clínica Perla — Prompt de diseño web para Claude AI

Clínica odontológica especializada en estética dental Cuidamos tu sonrisa, fortalecemos tu confianza.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Clínica Perla — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia **Clínica Perla** (clínica dental) usando **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El diseño debe replicar los patrones visuales del HTML analizado: - **Paleta de colores**: #0D3B66 (azul marino), #FAF0CA (beige claro), #F4D35E (amarillo cálido), #EE964B (naranja suave), #F95738 (rojo coral) - **Tipografía**: fuente principal *Inter* (sans‑serif) para títulos y cuerpo, peso 400‑700. - **Header**: barra de navegación fija, logo a la izquierda, menú desplegable de 3 columnas (Inicio, Sobre, Servicios, Blog, Contacto, etc.), botón CTA "Contactar" con estilo de contorno y relleno. - **Sección Hero**: contenedor centrado, título grande con highlight en color terciario (#F95738), párrafo descriptivo, botón
3.482 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.482 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
Clínica Perla — 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 Navbar fijo con logo, menú dropdown multi‑columna y botones CTA de contacto
  • 1.2 Hero principal con título grande, párrafo explicativo y botón de reserva
  • 1.3 Footer con copyright, enlaces a política y redes sociales

ABOUT

  • 2.1 Header interno con breadcrumb y título de página
  • 2.2 Texto descriptivo de la clínica y valores
  • 2.3 Equipo de profesionales en tarjetas
  • 2.4 Footer replicado

SERVICES

  • 3.1 Lista de servicios en tarjetas con iconos
  • 3.2 Detalle de cada servicio con imagen y descripción
  • 3.3 CTA para solicitar cita
  • 3.4 Footer replicado

BLOG

  • 4.1 Grid de artículos con imágenes y extractos
  • 4.2 Paginación simple
  • 4.3 Footer replicado

CONTACT

  • 5.1 Formulario de contacto con campos nombre, email, teléfono y mensaje
  • 5.2 Mapa incrustado (placeholder)
  • 5.3 Información de contacto y horario
  • 5.4 Footer replicado
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría