NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una plantilla web completa para la marca ficticia Formación Ámbar (educación online) usando solo HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual del sitio analizado:
- Paleta de colores: #1A1A1A (fondo oscuro), #FFFFFF (texto principal), #F4B400 (amarillo resaltado), #E0E0E0 (gris claro) y #0A74DA (azul enlace).
- Tipografía: Inter (sans‑serif) para títulos y body, con pesos 400 y 700.
- Header: barra fija transparente que al hacer scroll se vuelve opaca, incluye logo (texto Lumenia con versión clara/oscura), menú principal con items "Cursos", "Sobre nosotros", "Blog", "Contacto" y un mega‑menu bajo "Cursos" que muestra ocho categorías con iconos y enlaces.
- Hero: sección full‑width con fondo degradado (azul → amarillo), título grande (h1
3.857 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.857 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 Header con logo responsive y mega‑menu de categorías
- 1.2 Hero con fondo degradado, título grande, subtítulo y botón destacado
- 1.3 Panel de pestañas que filtran los cursos por área
- 1.4 Grid de 3‑4 tarjetas de curso (imagen, precio, número de lecciones, título)
- 1.5 Bloque promocional circular con texto y botón "Inscríbete ahora"
- 1.6 Carrusel de testimonios con foto, nombre y comentario
- 1.7 Footer con columnas de enlaces, newsletter y datos de contacto
CATEGORIES
- 1.1 Header con logo responsive y mega‑menu de categorías
- 1.2 Lista de categorías en formato de tarjetas con icono y descripción
- 1.3 Footer idéntico al de Home
COURSE DETAIL
- 1.1 Header universal
- 1.2 Imagen del curso resaltada, título, precio y número de lecciones
- 1.3 Descripción larga, lista de módulos y botón de compra
- 1.4 Sección de cursos relacionados en formato de tarjetas
- 1.5 Footer universal
PROMPTS RELACIONADOS · EDUCATION
