NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa de una sola página para la marca ficticia Luna Pixel siguiendo los siguientes requisitos:
- Stack: HTML estático, Tailwind CSS vía CDN, JavaScript vanilla sin frameworks, todo en un único fichero.
- Paleta de colores: #0A4FFF (azul vibrante), #671A3C (violeta profundo), #AFF42B (verde lima), #FF6F61 (naranja coral), #1A9F85 (verde azulado), #F5F5F5 (gris claro) y #111111 (negro). Usa los tonos como fondo de los bloques de trabajo y como acentos en los bloques de expertise.
- Tipografía: "Inter" para encabezados y cuerpo, peso 400‑700, carga desde Google Fonts. Usa estilo manuscrito para subtítulos con la fuente "Pacifico".
- Header: barra fija con logo (texto "Luna Pixel" y avatar circular), icono de email (enlace mailto: hola@lunaPixel.com) y botón de menú ham
4.642 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.642 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, iconos y menú hamburguesa
- 2.1 Hero con encabezado grande, subtítulo manuscrito y dos botones principales
- 3.1 Bloques rotados que destacan áreas de expertise (UX/UI, Interaction, Design Systems)
- 4.1 Sección "Sobre mí" con datos clave, foto y botón de contacto
- 5.1 Bloque de habilidades dividido en tres columnas coloreadas (Diseño, Prototipado, Herramientas)
- 6.1 Banner CTA con mensaje y botones de proyecto y llamada
- 7.1 Galería de trabajos con tarjetas coloreadas y etiquetas
- 8.1 Pie de página con enlaces de navegación, iconos sociales y copyright
ABOUT
- 1.1 Encabezado de sección, subtítulo manuscrito
- 1.2 Información de experiencia, especialidad, educación y foto
- 1.3 Datos adicionales (proyectos, ubicación, disponibilidad)
- 1.4 Botón de contacto
SKILLS
- 1.1 Título de sección y botón de ver experiencia
- 1.2 Tres bloques coloreados con listas de habilidades y herramientas
- 1.3 Banner CTA con botones
WORKS
- 1.1 Título de sección, subtítulo manuscrito
- 1.2 Lista de tarjetas de proyecto con fondo coloreado, imagen y etiquetas
FOOTER
- 1.1 Enlaces de navegación secundarios
- 1.2 Iconos de contacto
- 1.3 Texto de copyright
PROMPTS RELACIONADOS · EDUCACIÓN
