NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia Lúmina Digital, un marketplace de plantillas web. Usa HTML5, TailwindCSS vía CDN y JavaScript vanilla en un solo archivo. Sigue la estructura y estilo visual del sitio analizado:
- Paleta de colores: fondo oscuro #0a0a0a, primario #2563eb (azul), acento #10b981 (verde), textos claros #f3f4f6 y secundarios #9ca3af.
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, tamaños escala H1 48px, H2 36px, párrafos 18px.
- Header: barra fija con logo a la izquierda, menú horizontal (Home, Pricing, Works, Articles, FAQ) y botón "Contact Us" a la derecha. En móvil colapsa a ícono hamburger que despliega menú vertical.
- Hero: sección a pantalla completa con imagen de fondo tenue, badge superior con texto "Utilizamos las mejores herram
3.687 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.687 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 Cabecera fija con logo, menú principal y botón de contacto.
- 2.1 Hero con fondo de imagen, badge informativo, título con énfasis y párrafo descriptivo.
- 3.1 Área de filtros por tabs (Todas, Premium, Freebie).
- 4.1 Galería de tarjetas de producto con imagen, badge de categoría, título, subtítulo y enlace a detalle.
- 5.1 Footer con enlaces de navegación, redes sociales y datos de contacto.
PRICING
- 1.1 Cabecera idéntica a la de Home.
- 2.1 Sección introductoria con título y párrafo.
- 3.1 Tabla comparativa de planes con iconos y botones de selección.
- 4.1 Preguntas frecuentes en acordeón.
- 5.1 Footer común.
WORKS
- 1.1 Cabecera.
- 2.1 Grid de proyectos destacados con filtro por categoría.
- 3.1 Detalle de proyecto (imagen grande, descripción, características).
- 4.1 Footer.
BLOG
- 1.1 Cabecera.
- 2.1 Lista de artículos con miniatura, título, extracto y fecha.
- 3.1 Sidebar con categorías y últimos artículos.
- 4.1 Footer.
FAQS
- 1.1 Cabecera.
- 2.1 Lista de preguntas en acordeón.
- 3.1 CTA de contacto.
- 4.1 Footer.
CONTACT
- 1.1 Cabecera.
- 2.1 Formulario de contacto con campos nombre, email, asunto y mensaje.
- 3.1 Información de contacto y mapa embed.
- 4.1 Footer.
PROMPTS RELACIONADOS · TECNOLOGÍA