NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lúmina Alisio** (luminaalisio.com). El proyecto debe ser un **portfolio** de diseño digital, implementado en un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas. Usa la siguiente paleta de colores: #FFFFFF (blanco), #000000 (negro), #F5F5F5 (gris claro), #1A1A1A (gris oscuro), #E0E0E0 (gris medio) y #FF6F61 (acento coral). Tipografía: **Inter** para encabezados y cuerpo, pesos 400, 500, 600 y 700.
**Estructura requerida**
1. **Header / Navbar** (clase `navbar`): logo dual (versión clara y oscura), enlaces horizontales a Home, About, Works, Blog numerados (01‑04) con estilo minimalista, botón CTA "Let’s Talk" y botón hamburguesa que despliega el menú móvil. El menú móvil incluye los mismos
4.021 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.021 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 dual (oscuro/claro), enlaces numerados y botón de menú móvil.
- 1.2 Hero central, texto grande, botones primario y secundario.
- 1.3 Carrusel de tarjetas tipo "preview-hero-marquee" con imágenes responsivas.
- 1.4 Footer oculto en escritorio, visible en móvil: enlaces sociales y formulario de suscripción.
SOBRE MI
- 2.1 Barra de navegación reutilizada.
- 2.2 Hero con foto del autor y descripción.
- 2.3 Grid de habilidades y experiencia.
- 2.4 Footer idéntico al de Home.
TRABAJOS
- 3.1 Barra de navegación.
- 3.2 Galería tipo grid con tarjetas de proyecto.
- 3.3 Modal de detalle de proyecto (lightbox).
- 3.4 Footer.
BLOG
- 4.1 Barra de navegación.
- 4.2 Lista de artículos en formato tarjeta vertical.
- 4.3 Paginación simple.
- 4.4 Footer.
PROMPTS RELACIONADOS · PORTAFOLIO
