NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática (un solo archivo HTML) usando Tailwind CSS CDN y JavaScript vanilla que reproduzca el diseño visual y la estructura del sitio descrito. Marca ficticia: Lúmina Aula (luminaaula.com).
**Alcance**: Home, Projects, Blog, Contact – cada una como sección interna (ancla) dentro del mismo archivo para simplificar. Utiliza navegación fullscreen que se despliega al hacer clic en el ícono de hamburguesa. Header con logo "L|C" y menú.
**Stack**: HTML5, Tailwind v3 (CDN), JS vanilla (para toggle del menú, acordeón y scroll suave). No usar frameworks externos.
**Paleta de colores**:
- #1A1A1A (negro profundo para texto y fondos oscuros)
- #F5F5F5 (gris muy claro para fondos blancos)
- #E0E0E0 (gris medio para líneas y divisores)
- #27AE60 (verde brillante para acentos, bo
5.302 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.302 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 Menú fullscreen con logo y enlaces principales
- 1.2 Hero dividido en dos columnas con nombre y tagline
- 1.3 Bloque 'Acerca de mí' con texto largo, foto y botón de contacto
- 1.4 Proyectos destacados en grid de tarjetas con overlay
- 1.5 Servicios que ofrezco en acordeón interactivo
- 1.6 Footer con información mínima y redes sociales
PROJECTS
- 2.1 Lista de proyectos en tarjetas con imagen de fondo y título
- 2.2 Barra lateral con filtro de categorías (opcional)
- 2.3 Footer común
BLOG
- 3.1 Lista de artículos con imágenes en miniatura y extracto
- 3.2 Paginación simple
- 3.3 Footer común
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, mensaje
- 4.2 Información de contacto directo y mapa estático
- 4.3 Footer común
PROMPTS RELACIONADOS · EDUCATION
