NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Campus Lúmina, estudio de diseño y desarrollo para creativos. Usa HTML+Tailwind CDN+JavaScript vanilla en un solo archivo. Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1A73E8 (acentos y enlaces), #F5F5F5 (fondos de tarjetas). Tipografía: Inter (sans-serif) para todo el texto, peso 400‑600, tamaños fluidos.
Estructura y componentes:
- **Header** fijo con logo a la izquierda y botón de menú hamburguesa a la derecha. El botón abre un panel lateral que cubre el 75% del ancho en móvil y 30% en escritorio.
- **Panel lateral** con logo blanco, lista numerada de enlaces: 01 Home, 02 About, 03 Projects, 04 Services, 05 Blog, 06 Contact. Debajo, bloque de datos de contacto (teléfono, email, dirección) y enlaces a redes (Dribbble,
4.307 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.307 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 con logo y botón de menú
- 1.2 Menú lateral emergente: enlaces Home, About, Projects, Services, Blog, Contact + datos de contacto y redes sociales
- 1.3 Hero: imagen a la izquierda, etiqueta de estado, título en dos líneas, texto descriptivo
- 1.4 Íconos de redes sociales bajo el hero
ABOUT
- 2.1 Sección de presentación con foto, biografía y habilidades (estructura típica de plantilla)
PROJECTS
- 3.1 Grid de proyectos con tarjetas, imagen, título y categoría
SERVICES
- 4.1 Lista de servicios en columnas con iconos y breves descripciones
BLOG
- 5.1 Listado de artículos con imagen destacada, título y extracto
CONTACT
- 6.1 Formulario de contacto simple: nombre, email, mensaje y botón de envío
FOOTER
- 7.1 Área de footer con copyright y enlaces a redes sociales
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
