NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear una página web estática en un solo fichero HTML usando Tailwind CSS vía CDN y JavaScript vanilla. La marca es Lumenia Coaching (lumenia.com, hola@lumenia.com, 2026). Emular el diseño visual del sitio analizado sin copiar textos ni imágenes originales. Utilizar una paleta oscura: fondo #0A0A0A, texto principal #FFFFFF, acento verde #48B97A, gris suave #CCCCCC. Tipografía: Inter (Google Fonts) para títulos y Body (sans‑serif).
Estructura requerida:
- <header class="fixed top-0 w-full bg-black/80 backdrop-blur" id="navbar"> con logo SVG ficticio a la izquierda y menú colapsable a la derecha (hamburguesa animada). Enlaces: Home, Sobre mí, Beneficios, Cursos, Contacto.
- <section id="hero" class="min-h-screen flex flex-col md:flex-row items-center justify-center bg-gradient-to-b from-bl
4.665 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.665 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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 y menú colapsable.
- 2.1 Hero principal con título gráfico, subtítulo, botón y foto.
- 3.1 Sección "Sobre mí" con foto, descripción y testimonio.
- 4.1 Beneficios en cuadrícula de 3 columnas con numeración.
- 5.1 Catálogo de cursos en tarjetas con imagen y breve texto.
- 6.1 Botón de reserva de sesión.
- 7.1 Footer con enlaces, redes y contacto.
ABOUT
- 1.1 Título de sección y texto descriptivo.
- 2.1 Botón a formulario externo.
BENEFITS
- 1.1 Título de sección con línea decorativa.
- 2.1 Cuatro tarjetas de beneficio numeradas.
COURSES
- 1.1 Título de sección y descripción introductoria.
- 2.1 Grid de tarjetas de cursos (imagen + título + breve descripción).
- 3.1 Botón de más información.
CONTACT
- 1.1 Formulario sencillo (nombre, email, mensaje) y botón de envío.
- 2.1 Información de contacto y enlaces a redes.
FOOTER
- 1.1 Enlaces de navegación secundarios.
- 2.1 Íconos de redes sociales.
- 3.1 Datos de copyright y política de privacidad.
PROMPTS RELACIONADOS · EDUCACIÓN
