NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia LuzPixel Studio (luzpixel.com) usando un único archivo HTML con Tailwind CSS CDN y JavaScript vanilla. El sitio debe replicar la estructura y estilo del portafolio analizado:
- **Paleta de colores**: negro puro #000000, gris oscuro #111111, gris medio #222222, blanco #FFFFFF, acento naranja suave #FF7043.
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para textos y "Playfair Display" para títulos.
- **Header**: barra de navegación fija con fondo negro semi‑transparente, logo a la izquierda (texto LuzPixel) y menú hamburguesa a la derecha que despliega una lista vertical de enlaces (Home, About, Projects, Contact). Animación suave de apertura/cierre.
- **Hero Section**: contenedor a pantalla completa, fondo gris muy oscuro, títul
4.218 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.218 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 menú hamburguesa
- 1.2 Hero con título dividido y imagen de fondo
- 1.3 Bloque "Sobre mí" con texto destacado
- 1.4 Cuadrícula de proyectos (lista dinámica)
- 1.5 Footer minimalista con enlaces de contacto
ABOUT
- 2.1 Header con título de página y foto de autor
- 2.2 Texto descriptivo ampliado y habilidades
- 2.3 CTA a proyectos
PROJECTS
- 3.1 Header de listado con título y filtro por categoría
- 3.2 Grid de tarjetas de proyecto (imagen, categoría, nombre, botón ver proyecto)
- 3.3 Paginación simple
PROJECT DETAIL
- 4.1 Imagen hero del proyecto
- 4.2 Información del proyecto: título, categoría, descripción, roles
- 4.3 Galería de imágenes adicionales
- 4.4 Botón volver al listado
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Información de contacto y enlaces sociales
- 5.3 Mapa de ubicación estilizado
PROMPTS RELACIONADOS · BELLEZA / SPA
