NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "LuminaWorks" (agencia creativa y desarrollo digital) usando solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir el patrón visual y estructural del sitio analizado, sin copiar textos ni imágenes originales.
- Dominio: luminaworks.com
- Paleta de colores: primario #0D3B66, secundario #FAF0CA, acento #F4D35E, fondo #F0F4F8, texto #283149
- Tipografía: headings "Montserrat" (Google Fonts), body "Inter" (Google Fonts)
- Header: barra fija, logo a la izquierda, menú principal con enlaces Home, Sobre Nosotros, Servicios, Proyectos, Blog, Contacto. Incluir dos dropdowns multi‑columna (Company y Pages) con enlaces ficticios. Botón de carrito con contador (simulado) y enlace de teléfono.
- Hero: secc
4.213 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.213 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 principales y dropdowns multi‑columna
- 1.2 Hero con título, subtítulo y botón primary
- 1.3 Sección de servicios en grid de 3 columnas
- 1.4 Galería de proyectos tipo masonry
- 1.5 Testimonios rotativos
- 1.6 Cards de blog recientes
- 1.7 CTA de contacto
- 1.8 Footer con datos de contacto y enlaces
ABOUT US
- 2.1 Encabezado interno con titulo y descripción
- 2.2 Historia de la empresa en dos columnas (texto + imagen)
- 2.3 Equipo con cards de miembros y enlaces a perfiles
- 2.4 Valores y misión en bloques resaltados
- 2.5 CTA para unirse al equipo
- 2.6 Footer (reutilizado)
SERVICES
- 3.1 Lista de servicios en tarjetas con icono, título y breve descripción
- 3.2 Detalle de proceso de trabajo en pasos numerados
- 3.3 Caso de éxito destacado
- 3.4 Preguntas frecuentes en acordeón
- 3.5 CTA de solicitud de propuesta
- 3.6 Footer
PROJECTS
- 4.1 Grid filtrable de proyectos con categorías
- 4.2 Vista previa de proyecto (imagen grande, descripción, resultados, galería interna)
- 4.3 Testimonio del cliente
- 4.4 CTA para ver más proyectos
- 4.5 Footer
BLOG
- 5.1 Lista de artículos en cards con imagen, título, extracto y fecha
- 5.2 Sidebar con búsqueda, categorías y últimos posts
- 5.3 Paginación inferior
- 5.4 Footer
CONTACT US
- 6.1 Formulario de contacto (nombre, email, teléfono, mensaje)
- 6.2 Mapa incrustado y datos de ubicación
- 6.3 Información de contacto directo (teléfono, email)
- 6.4 CTA de suscripción al newsletter
- 6.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
