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

LuminaDerma — Prompt de diseño web para Claude AI

Clínica de estética y tratamientos dermatológicos Cuidamos tu piel con ciencia y delicadeza.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web de una clínica dermatológica ficticia llamada LuminaDerma siguiendo el diseño analizado. Usa sólo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla para interactividad mínima (menú hamburguesa, slider de testimonios y alternar acordeón FAQ). Mantén la paleta de colores: fondo #F9FAFB, primario #0D9488 (verde azulado), acento #A3E635 (verde lima), texto principal #111827, texto secundario #6B7280. Tipografía: Inter (sans-serif) para headings y body, con tamaños: h1 3rem, h2 2.25rem, h3 1.5rem, p 1rem. Estructura la página HOME con los bloques enumerados en "secciones". Cada bloque debe usar componentes Tailwind: navbar fija (flex, justify-between, items-center, bg-white, shadow), hero (bg-gradient-to-r from-[#0D9488] to-[#A3E635], texto blanco, botones
3.738 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.738 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
LuminaDerma — 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 botón de reserva
  • 1.2 Hero principal con titular y dos botones CTA
  • 1.3 Bloque de acción triple (Sobre Nosotros, Servicios, Novedades)
  • 1.4 Sección descriptiva de la clínica con texto y botones
  • 1.5 Galería de servicios destacados con tarjetas e imágenes
  • 1.6 Banner CTA con oferta y botón de reserva
  • 1.7 Testimonios rotativos con foto y datos del tratamiento
  • 1.8 Footer con enlaces, contacto y redes

ABOUT

  • 2.1 Hero interno con imagen y subtítulo
  • 2.2 Texto histórico y valores
  • 2.3 Equipo profesional en tarjetas
  • 2.4 CTA reserva consulta

SERVICES

  • 3.1 Lista de servicios en grid con iconos y títulos
  • 3.2 Detalle de cada servicio con imagen y descripción
  • 3.3 CTA descarga folleto

NEWS

  • 4.1 Blog con tarjetas de artículos y filtro por categoría
  • 4.2 Pagina de artículo individual con imagen destacada y contenido

FAQ

  • 5.1 Preguntas frecuentes en acordeón
  • 5.2 CTA reserva consulta

BOOKING

  • 6.1 Formulario de reserva con campos de contacto y selector de tratamiento
  • 6.2 Mapa incrustado y datos de la clínica

CONTACT

  • 7.1 Formulario de contacto rápido
  • 7.2 Información de dirección, teléfono y horario
  • 7.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría