NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa en un solo archivo HTML usando Tailwind CDN y JavaScript vanilla. La marca se llama Arte Alba (artealba.com) y el sitio es un portafolio digital. Utiliza la siguiente paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1A73E8 (acento), #E0E0E0 (bordes y fondos secundarios). Tipografía: Inter var para títulos y texto, peso 400‑700, importada desde Google Fonts.
Estructura y requisitos:
- **Header**: barra fija superior con logo (texto Lúmen) a la izquierda y botón de menú a la derecha. El botón abre un overlay lateral.
- **Menu overlay**: ocupa toda la altura, alineado a la izquierda, fondo #0A0A0A con opacidad 0.95. Contiene logo blanco, lista de enlaces numerados (01 Home, 02 Sobre mí, 03 Proyectos, 04 Servicios, 05 Blog, 06 Contacto) y sección de
3.633 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.633 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 superior con logo y botón de menú
- 1.2 Menú lateral ocultable con enlaces numerados y datos de contacto
- 1.3 Hero principal con imagen, etiqueta, nombre y descripción
- 1.4 Enlaces sociales en el hero
- 1.5 Footer minimalista
ABOUT
- 2.1 Cabecera con título "Sobre mí"
- 2.2 Imagen del autor y texto biográfico
- 2.3 Habilidades en formato de tarjetas
- 2.4 CTA a proyectos
PROJECTS
- 3.1 Cabecera con título "Proyectos"
- 3.2 Grid de tarjetas de proyecto con imagen, título y categoría
- 3.3 Filtro por categorías
- 3.4 Botón ver más
SERVICES
- 4.1 Cabecera con título "Servicios"
- 4.2 Lista de servicios en columnas con iconos y descripción breve
- 4.3 CTA de contacto
BLOGS
- 5.1 Cabecera con título "Blog"
- 5.2 Lista de artículos en formato tarjeta con imagen, título y resumen
- 5.3 Paginación simple
CONTACT ME
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Información de contacto rápida
- 6.3 Mapa embebido (opcional)
Imagen generada con OpenAI · gpt-image-2 · 09/07/2026
PROMPTS RELACIONADOS · CREATIVO
