Cart Log in
HEALTH AND MEDICINE · Claude Design · HTML

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

Servicios odontológicos y de salud bucal Cuidamos tu sonrisa con precisión y calidez.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
Clínica Atlas — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático usando HTML, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño visual y la estructura de la clínica dental descrita. Marca ficticia: Clínica Atlas (dominio clinicaatlas.com). ALCANCE: - Header sticky con logo (SVG simple), menú de navegación horizontal y mega‑menú desplegable que muestra tres columnas de enlaces (Home, Servicios, Información). Incluir íconos de redes sociales en la esquina derecha del menú. - Hero a pantalla completa con fondo degradado azul (#0A74DA → #6BB4F0) y foto de stock de sonrisa saludable. Texto centrado: título grande (Inter 4xl, peso bold, color blanco), subtítulo (Inter lg, color #F5F5F5) y botón principal (bg-white, text-#0A74DA, rounded). Botón despliega un modal simple con formulario de solicitud
4.936 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.936 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.

Install Claude Design ↗
CAPTURA COMPLETA · HOME
Clínica Atlas — 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 y mega‑menú
  • 1.2 Hero con titular, subtítulo, botón y fondo
  • 1.3 Cuadrícula de servicios
  • 1.4 Bloque "Sobre nosotros"
  • 1.5 Carrusel de testimonios
  • 1.6 CTA "Solicita tu cita"
  • 1.7 Footer con enlaces y redes

SOBRE NOSOTROS

  • 2.1 Imagen grande a la izquierda, texto a la derecha
  • 2.2 Lista de valores y ventajas
  • 2.3 Botón de descarga de brochure

SERVICIOS

  • 3.1 Cabecera de sección con título y descripción
  • 3.2 Tarjetas de servicio (icono, nombre, breve texto)
  • 3.3 Botón "Ver todos los tratamientos"

TESTIMONIOS

  • 4.1 Slider horizontal con foto, nombre, comentario y valoración

CONTACTO

  • 5.1 Formulario de contacto (nombre, email, teléfono, mensaje)
  • 5.2 Mapa estático con ubicación
  • 5.3 Información de horario y teléfono

POLÍTICAS

  • 6.1 Enlaces a Política de privacidad, Cookies y Términos

BLOG (opcional)

  • 7.1 Lista de artículos con imagen, título y extracto
  • 7.2 Paginación simple
PROMPTS RELACIONADOS · HEALTH AND MEDICINE

Otros prompts de la misma categoría