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

CuidArco — Prompt de diseño web para Claude AI

Clínica pediátrica que brinda atención integral a niños y adolescentes Atención que acompaña el crecimiento de tu hijo.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
CuidArco — 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 **CuidArco** (clínica pediátrica) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El objetivo es replicar el diseño analizado: header fijo con logo, menú principal, dropdown "Pages", teléfono y botón "Contact us"; hero a pantalla completa con imagen de fondo, pre‑título, título grande, descripción corta y botón CTA; sección "Por qué elegirnos" con imagen a la izquierda y texto a la derecha; grid de 4 características con iconos y textos; grid de servicios (3 tarjetas visibles) con imagen, decoración superpuesta, título, descripción y badges; footer con columnas de enlaces, datos de contacto y redes sociales. **Paleta de colores** (extraída del original y adaptada): - #1A4F7A (azul profundo) - #F5F9FC (c
3.698 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.698 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
CuidArco — 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 Header con logo, menú, dropdown, teléfono y botón contacto
  • 2.1 Hero con imagen, pre‑título, título, descripción y CTA
  • 3.1 Sección "Por qué elegirnos" con imagen y texto
  • 4.1 Cuatro items de características (icono + texto)
  • 5.1 Grid de servicios (tarjetas con imagen, título, descripción, badges)
  • 6.1 Footer con información institucional y contactos

ABOUT

  • 1.1 Header (reutilizado)
  • 2.1 Hero interno con título y subtítulo
  • 3.1 Texto corporativo y foto del equipo
  • 4.1 Valores diferenciadores en iconos
  • 5.1 Footer

SERVICES

  • 1.1 Header
  • 2.1 Lista de servicios en tarjetas similares a la home
  • 3.1 Detalle de cada servicio (imagen, descripción, beneficios)
  • 4.1 CTA para agenda de citas
  • 5.1 Footer

CONTACT

  • 1.1 Header
  • 2.1 Formulario de contacto sencillo (nombre, email, mensaje)
  • 3.1 Información de contacto rápido (teléfono, email, dirección)
  • 4.1 Mapa embebido
  • 5.1 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría