NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo en un solo archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla. La marca ficticia es Lúmina Estepa (luminaestepa.com). El sitio es un portafolio digital con las siguientes características:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5A623 (ámbar vibrante), #2D9CDB (azul cielo), #E0E0E0 (gris claro).
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambas importadas desde Google Fonts.
- Header fijado con logo SVG (texto LÚMINA), menú horizontal (Home, About, Projects, Services, Blog, Contact), botón destacado "Contact" con ícono de flecha. En móvil, colapsa a ícono hamburguesa que abre overlay con enlaces.
- Hero: sección a pantalla completa con fondo de vídeo autoplay, muted, loop; encima, texto "Hello there, I’m" y nom
3.640 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.640 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, menú principal y botón de contacto
- 1.2 Hero con saludo, nombre, imagen destacada, vídeo de fondo y texto descriptivo
- 1.3 Bloque de contadores animados (proyectos, satisfacción, experiencia, clientes)
- 1.4 Sección de proyectos con título y grid de tarjetas
- 1.5 Footer con logo, navegación secundaria y datos de contacto
ABOUT
- 1.1 Header replicado
- 1.2 Imagen de autor y texto biográfico
- 1.3 Habilidades en barra de progreso
- 1.4 Testimonios en carrusel
- 1.5 Footer replicado
PROJECTS
- 1.1 Header replicado
- 1.2 Grid de proyectos con filtros
- 1.3 Modal emergente para cada proyecto con imágenes y descripción
- 1.4 Footer replicado
SERVICES
- 1.1 Header replicado
- 1.2 Lista de servicios con iconos y descripción breve
- 1.3 CTA de contacto
- 1.4 Footer replicado
BLOG
- 1.1 Header replicado
- 1.2 Lista de artículos en formato tarjeta
- 1.3 Paginación
- 1.4 Footer replicado
CONTACT
- 1.1 Header replicado
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Footer replicado
PROMPTS RELACIONADOS · AGENCIA DIGITAL
