NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web estática en un solo archivo HTML usando Tailwind CSS CDN y JavaScript vanilla. Marca ficticia: Portfolio Lúmina (portfoliolumina.com). Alcance: reproducir la UI del sitio analizado sin copiar textos ni imágenes reales. Utiliza la siguiente paleta de colores aproximada extraída del diseño: #0A0A0A (fondo principal), #FFFFFF (texto), #F5F5F5 (sección clara), #E0E0E0 (borde y líneas), #FF6F61 (acento). Tipografía: Inter (sans‑serif) para cuerpo y encabezados, peso 400‑600.
Estructura:
- <header class="fixed top-0 left-0 w-full bg-white shadow"> con logo a la izquierda y menú de navegación a la derecha. Menú: Home, About, Service, Project, Contact. En móvil, botón hamburguesa con animación simple.
- Hero principal: <section id="home" class="relative h-screen overflow-hidden"> con
4.115 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.115 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 enlaces (Home, About, Service, Project, Contact)
- 1.2 Hero slider principal con tres slides de fondo y texto lateral izquierdo y derecho
- 1.3 Texto grande central con nombre de la marca y segundo slider interior con imágenes de proyectos
- 1.4 Línea decorativa de varios bloques verticales
- 1.5 Sección About con título y descripción, acompañada de un carrusel de logos de patrocinadores
ABOUT
- 2.1 Contenedor con título "® About" y párrafo descriptivo de la agencia
- 2.2 Grid de logos de clientes (repetido dos veces para efecto de scroll)
PROMPTS RELACIONADOS · PORTFOLIO
