NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia LumenArca, estudio creativo de diseño digital y desarrollo web. Usa únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y los patrones visuales del sitio analizado:
- Paleta de colores: #111111 (fondo negro), #FFFFFF (texto blanco), #F5F5F5 (gris claro), #FF6600 (acento naranja).
- Tipografía: 'Inter' para cuerpo y encabezados, peso 400‑700, tamaños responsivos.
- Header fijo con logo (texto LumenArca), menú horizontal (Home, About, Projects, Services, Contact) y botón primario "Contact" con efecto hover negro.
- Hero: división en dos columnas; izquierda con texto introductorio, enlaces a redes sociales (Instagram, X, LinkedIn) y lista de especialidades (+ Branding, + Web Desig
3.531 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.531 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 Header con logo, menú principal y botón de contacto
- 2.1 Hero con introducción, redes sociales, categorías de trabajo, foto destacada
- 3.1 Bloque "Sobre mí" con título y breve descripción
- 4.1 Sección de proyectos destacados con tarjetas, categoría y año
- 5.1 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Header (reutilizable)
- 2.1 Título de página y foto de autor
- 3.1 Texto descriptivo largo sobre la trayectoria
- 4.1 Lista de habilidades y herramientas
- 5.1 Footer (reutilizable)
PROJECTS
- 1.1 Header (reutilizable)
- 2.1 Banner con título y filtro de categorías
- 3.1 Grid de tarjetas de proyecto con imagen, título, categorías y año
- 4.1 Paginación simple
- 5.1 Footer (reutilizable)
SERVICES
- 1.1 Header (reutilizable)
- 2.1 Lista de servicios con icono, título y breve descripción
- 3.1 Testimonios en carrusel
- 4.1 CTA de contacto
- 5.1 Footer (reutilizable)
CONTACT
- 1.1 Header (reutilizable)
- 2.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 3.1 Información de contacto y mapa estático
- 4.1 Footer (reutilizable)
PROMPTS RELACIONADOS · PORTAFOLIO
