NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Lúmina Filigrana, agencia de diseño y experiencia de usuario. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Mantén la siguiente paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #F4F4F5 (gris claro), #1E3A8A (azul primario), #D97706 (amarillo acento). Tipografía: Inter para títulos y Body (Google Fonts).
HEADER: barra de navegación sticky, logo a la izquierda (texto "Lúmina" en Inter Bold, color #FFFFFF), enlaces a "Inicio", "Sobre mí", "Proyectos", "Blog", "Contacto" y botón llamado "Comienza" con fondo azul primario y borde blanco. Menú responsive con ícono hamburguesa.
HOME SECTION 1 (Hero): grid de dos columnas, imagen de portada a la derecha (placeholder 600x400, fondo gris), título
4.310 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.310 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, enlaces y botón llamado "Comienza".
- 1.2 Hero con imagen a la derecha, título principal, párrafo descriptivo y botones "Ver proyectos" y redes sociales.
- 1.3 Sección "Sobre mí" con encabezado, texto motivador y rejilla de ocho logos de herramientas, cada uno con hover descriptivo.
- 1.4 Galería de proyectos en tres columnas, tarjetas con imagen, título, categoría y efecto hover.
- 1.5 Footer con enlaces a secciones principales y datos de contacto.
ABOUT
- 2.1 Header reutilizado, título de página y contenido textual ampliado.
- 2.2 Lista de habilidades y experiencia.
PROJECTS
- 3.1 Header, filtro de categorías y grid de tarjetas de proyecto similares a la galería home.
- 3.2 Detalle de proyecto individual con imágenes, descripción y métricas.
BLOG
- 4.1 Lista de entradas en formato tarjeta con imagen, título, extracto y fecha.
- 4.2 Sidebar con categorías y newsletter.
CONTACT
- 5.1 Formulario de contacto simple con campos nombre, email, mensaje y botón enviar.
- 5.2 Información de contacto y mapa estático.
PROMPTS RELACIONADOS · BELLEZA / SPA
