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

Consulta Andina — Prompt de diseño web para Claude AI

Servicios de análisis y pruebas de laboratorio Ciencia precisa, resultados confiables.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Consulta Andina — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático autoconstruido en un único archivo HTML que reproduzca el diseño del laboratorio ficticio Consulta Andina. Usa Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).\\n\\n**Marca**: Consulta Andina, logo ficticio (SVG simple).\\n**Paleta de colores**: #0A2240 (azul oscuro), #1E3A8A (azul medio), #F3F4F6 (gris claro de fondo), #FFFFFF (blanco), #E5E7EB (gris mayor).\\n**Tipografía**: "Inter", sans-serif para todo el texto; encabezados en "Poppins", sans-serif, peso 600.\\n**Estructura**:\n- **Header** fijo, fondo blanco, sombra ligera, logo a la izquierda, menú horizontal (Home, Services, Research, Blog, Contact) y botón "Cita" en color azul medio con texto blanco.\\n- **Hero** sección a pantalla completa con slider automático (3 slides) usando Tailwind carou
4.183 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.183 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
Consulta Andina — 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, menú y botón cita
  • 1.2 Hero slider (tres slides) con título y botón
  • 1.3 Bloque "Sobre nosotros" con texto, botón y video de fondo
  • 1.4 Marquee animado doble
  • 1.5 Servicios en grid con número y descripción
  • 1.6 Footer con navegación y datos de contacto

ABOUT US

  • 1.1 Cabecera (reutiliza la global)
  • 1.2 Imagen/ilustración introductoria
  • 1.3 Texto descriptivo extenso
  • 1.4 Galería de imágenes o vídeo
  • 1.5 CTA a contacto

SERVICES

  • 1.1 Cabecera global
  • 1.2 Lista de servicios en tarjetas numeradas
  • 1.3 Cada tarjeta con icono, título y breve descripción
  • 1.4 Botón ver más

CONTACT US

  • 1.1 Cabecera global
  • 1.2 Formulario de contacto simple (nombre, email, mensaje)
  • 1.3 Mapa incrustado (placeholder)
  • 1.4 Información de contacto y horarios

BLOG

  • 1.1 Cabecera global
  • 1.2 Grid de artículos con imagen, título y extracto
  • 1.3 Paginación simple

TEAM

  • 1.1 Cabecera global
  • 1.2 Grid de miembros del equipo con foto, nombre y cargo
  • 1.3 Enlace a detalle de cada miembro
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría