Cart Log in
HEALTH AND MEDICINE · Claude Design · HTML

CuidarBebe — Prompt de diseño web para Claude AI

Clínica pediátrica de atención integral Salud y confianza para los más pequeños.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
CuidarBebe — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia "CuidarBebe" (clínica pediátrica) usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado, sin copiar contenido textual. **Paleta de colores**: - Primario: #3A7DFF (azul confianza) - Secundario: #FF6F61 (coral cálido) - Fondo claro: #F9FAFC - Texto oscuro: #1F2937 - Texto secundario: #4B5563 **Tipografía**: - Fuente principal: Inter (Google Fonts) para títulos y párrafos. - Fuente secundaria: IA Writer Mono para códigos y badges. **Header**: barra fija, background blanco, logo SVG ficticio (texto CuidarBebe), menú horizontal (Inicio, Sobre nosotros, Servicios, Blog, Contacto) con efecto hover, botón de teléfono con icono y número, botón CTA "Contác
4.320 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.320 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
CuidarBebe — 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, menú y botones de contacto
  • 1.2 Hero con imagen, título, subtítulo, CTA y valoración
  • 1.3 Bloque "Por qué elegirnos" con imagen y texto
  • 1.4 Iconos de ventajas (4 ítems)
  • 1.5 Sección de tratamientos (tarjetas con imagen, título, descripción, badges)
  • 1.6 Footer con contactos, enlaces y redes

ABOUT

  • 2.1 Header interno con breadcrumb
  • 2.2 Imagen destacada y título
  • 2.3 Texto institucional y botón CTA
  • 2.4 Equipo médico en grid
  • 2.5 Testimonios rotativos

SERVICES

  • 3.1 Lista de servicios en tarjetas con imágenes y badges
  • 3.2 Filtro por categoría
  • 3.3 CTA para agenda de citas

CONTACT

  • 4.1 Formulario de contacto con campos nombre, email, mensaje
  • 4.2 Mapa incrustado
  • 4.3 Información de horario y teléfono

BLOG

  • 5.1 Grid de artículos con imagen, título y extracto
  • 5.2 Paginación
  • 5.3 Sidebar con categorías y últimos posts
PROMPTS RELACIONADOS · HEALTH AND MEDICINE

Otros prompts de la misma categoría