SALUD Y MEDICINA · Claude Design · HTML

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

★★★★★4,8 1.678 descargas

Clínica dental que ofrece tratamientos suaves y confianza al paciente Cuidado dental sin miedos.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia **Luminara Salud** (clínica dental) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe replicar fielmente el diseño analizado: 
- **Paleta de colores**: #0D1B2A (azul noche), #1B263B (gris azul), #415A77 (azul acero), #778DA9 (gris azulado), #E0E1DD (gris claro). 
- **Tipografía**: Fuente principal 'Inter', sans‑serif, pesos 400 y 600; títulos en "Inter Bold" y cuerpo en "Inter Regular". 
- **Header**: barra superior con logo a la izquierda, menú horizontal (Inicio, Sobre nosotros, Servicios, Casos, Blog, Contacto) y botón de carrito a la derecha que abre un sidebar con resumen del pedido. Incluye botón de menú hamburguesa para versión móvil. 
- **Footer**: fondo gris oscuro, tres columnas: información de contacto, enlaces rápidos y redes sociales (iconos SVG). 
- **Home sections**: 
  1. Hero a pantalla completa con fondo de imagen dental, título grande, subtítulo y botón "Reserva tu cita". 
  2. Servicios destacados: tres tarjetas con ícono, título y breve descripción, efecto hover sombra. 
  3. Testimonios: carrusel automático de 3 fichas, cada una con foto circular, nombre y comentario. 
  4. Suscripción: formulario simple de email y botón "Suscríbete". 
- **Interactividad**: menú móvil deslizable, carrusel de testimonios (setInterval), apertura/cierre del carrito, validación básica del formulario de suscripción. 
- **Estructura de páginas**: Home, About, Services, Case Studies, Blog, Contact, cada una con header/footer comunes y bloques internos descritos en la tabla. Usa rutas estáticas (ej. about.html) pero mantiene todo en un solo archivo con secciones ocultas que se muestran/ocultan mediante JavaScript para simplificar. 
- **Requisitos técnicos**: incluir `<script src="https://cdn.tailwindcss.com"></script>` al inicio, usar clases Tailwind para todo el layout, garantizar accesibilidad (atributos aria), usar `meta viewport`, y evitar cualquier referencia a la URL original. Todo el copy debe ser original en español de España, sin precios ni datos reales. Entregar el código listo para copiar‑pegar en un archivo `index.html`.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.505 caracteres · 30 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, navegación principal y botón de carrito
1.2 Hero con imagen de fondo y llamado a la acción
1.3 Servicios destacados en tres columnas
1.4 Testimonios en carrusel
1.5 Formulario de suscripción al boletín
1.6 Footer con datos de contacto, enlaces y redes sociales

ABOUT

1.1 Header replicado
1.2 Imagen de presentación y texto descriptivo de la clínica
1.3 Equipo profesional en tarjetas
1.4 Valores y misión en bloques con íconos
1.5 Footer común

SERVICES

1.1 Header
1.2 Lista de servicios con tarjetas y botones "Más info"
1.3 Preguntas frecuentes en acordeón
1.4 CTA para reserva de cita
1.5 Footer

CASE STUDIES

1.1 Header
1.2 Grid de casos de éxito con imágenes y breves descripciones
1.3 Detalle ampliable al hacer clic
1.4 CTA "Solicita tu consulta"
1.5 Footer

BLOG

1.1 Header
1.2 Lista de artículos con imagen, título y extracto
1.3 Paginación inferior
1.4 Sidebar con categorías y últimos artículos
1.5 Footer

CONTACT

1.1 Header
1.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
1.3 Mapa integrado y datos de localización
1.4 Footer

PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Luminara Salud
Sector: Clínica dental que ofrece tratamientos suaves y confianza al paciente
Claim: Cuidado dental sin miedos

Bloques de la home

1.1 Header con logo, navegación principal y botón de carrito
1.2 Hero con imagen de fondo y llamado a la acción
1.3 Bloque de servicios destacados en columnas
1.4 Testimonios en carrusel
1.5 Formulario de suscripción al boletín
1.6 Footer con información de contacto, enlaces y redes sociales

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada