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

Salud Cobalto — Prompt de diseño web para Claude AI

Centro de atención médica y gestión de pacientes Conectamos cuidado y tecnología para tu bienestar.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Salud Cobalto — 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 "Salud Cobalto" (saludcobalto.com) usando solo HTML estático, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente los patrones visuales y estructurales del HTML analizado, sin copiar texto literal. **Objetivo**: página corporativa de un centro médico que muestra servicios, permite agendar citas y contiene una tienda ligera de productos de salud. **Stack**: - HTML5 - Tailwind CSS v3 (CDN) - JavaScript ES6 (vanilla) para interacciones: dropdown mega‑menu, carrito lateral, carrusel de testimonios y scroll suave. **Paleta de colores** (hex): - Primario: #1A73E8 (azul confianza) - Secundario: #34A853 (verde saludable) - Fondo claro: #F7FAFC - Texto oscuro: #1F2937 - Acentos: #EA4335 (rojo para al
4.691 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.691 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
Salud Cobalto — 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 Cabecera con logo, navegación principal, dropdown de páginas y botón de carrito
  • 1.2 Hero con título, subtítulo y botón de acción
  • 1.3 Bloque de presentación de servicios en tarjetas
  • 1.4 Área de testimonios con carrusel
  • 1.5 Últimas entradas del blog en rejilla
  • 1.6 Footer con información de contacto, enlaces útiles y redes sociales

SERVICES

  • 2.1 Cabecera (reutilizada)
  • 2.2 Lista detallada de servicios con iconos y descripciones
  • 2.3 CTA para agendar cita
  • 2.4 Footer

ABOUT

  • 3.1 Cabecera
  • 3.2 Historia y valores del centro en dos columnas
  • 3.3 Equipo con fotos y breves bios
  • 3.4 CTA a contactar
  • 3.5 Footer

BLOG

  • 4.1 Cabecera
  • 4.2 Lista de artículos en tarjetas con imagen, título y extracto
  • 4.3 Paginación
  • 4.4 Footer

CONTACT

  • 5.1 Cabecera
  • 5.2 Formulario de contacto con campos nombre, email, teléfono y mensaje
  • 5.3 Mapa embebido
  • 5.4 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría