NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para **Lúmina Sabana**, estudio de diseño digital, usando **HTML estático**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo. La web tendrá las siguientes características y estructura:
**Paleta de colores** (extraída del diseño original):
- Fondo principal: #FFFFFF
- Texto oscuro: #0A0A0A
- Texto neutro claro: #F5F5F5
- Accent negro: #000000
- Accent gris medio: #707070
**Tipografía**: Inter (importar desde Google Fonts) para títulos y cuerpo, peso 400‑600.
**Header / Navbar** (sticky, altura 80px):
- Logo a la izquierda (versión claro/oscuro, cambiar según fondo).
- Botón CTA “Hablemos” visible en escritorio, estilo outline negro, con icono de flecha derecha.
- Icono hamburger para móvil que abre un overlay a pantalla completa con fond
4.836 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.836 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 con logo, menú overlay y botón "Hablemos".
- 2.1 Hero con título principal y botones "Comprar plantilla" y "Explorar páginas".
- 3.1 Carrusel de imágenes tipo marquee con tarjetas de vista previa de trabajos.
- 4.1 Footer overlay con sección de redes sociales, texto de contacto y formulario de suscripción.
ABOUT
- 1.1 Barra de navegación (reutilizada).
- 2.1 Hero secundario con foto del autor y texto descriptivo.
- 3.1 Lista de habilidades y timeline de experiencia.
- 4.1 Footer igual que home.
WORKS
- 1.1 Navbar común.
- 2.1 Grid de proyectos con tarjetas interactivas.
- 3.1 Detalle de proyecto con galería y texto.
- 4.1 Footer común.
INSIGHTS
- 1.1 Navbar.
- 2.1 Lista de artículos tipo blog con miniaturas.
- 3.1 Paginación.
- 4.1 Footer.
CONTACT
- 1.1 Navbar.
- 2.1 Formulario de contacto completo.
- 3.1 Mapa embebido.
- 4.1 Footer.
Imagen generada con OpenAI · gpt-image-2 · 04/06/2026
PROMPTS RELACIONADOS · PORTAFOLIO
