NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño visual de una agencia de diseño digital bajo la marca ficticia Lúmina Codigo. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Primario: #0d3b66 (azul oscuro)
- Secundario: #faf0ca (crema)
- Acento: #f4d35e (amarillo cálido)
- Texto principal: #222222
- Texto secundario: #555555
**Tipografía**:
- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts)
- Fuente secundaria: 'Playfair Display', serif para títulos destacados.
**Header**: barra de navegación fija con logo a la izquierda, enlaces "Sobre mí", "Proyectos", "Blog" a la derecha y botón destacado "Contactar" con fondo primario y texto blanco. Menú colapsable en móvil (icono hamburguesa).
**Hero*
4.096 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.096 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
- 1.2 Hero con imagen, título, descripción y CTA
- 1.3 Bloque "Mi stack diario" con grid de íconos y descripciones emergentes
- 1.4 Sección de proyectos con cuadrícula de 3 columnas, hover y categorías
- 1.5 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 1.1 Encabezado "Sobre mí" con texto descriptivo
- 1.2 Imagen de perfil y timeline de experiencia
PROJECTS
- 1.1 Lista filtrable de proyectos (tarjetas con imagen, título, categoría)
- 1.2 Filtro por tipo de trabajo (estrategia, UI/UX, investigación)
PROJECT DETAIL
- 1.1 Portada del proyecto con imagen grande
- 1.2 Descripción del caso, retos y resultados
- 1.3 Galería de imágenes internas
BLOG
- 1.1 Lista de artículos con miniatura, título y extracto
- 1.2 Paginación simple
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.2 Información de contacto directo y mapa incrustado
PROMPTS RELACIONADOS · TECHNOLOGY