NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Luminara Shop, enfocada en comercio electrónico de productos de diseño. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #1E3A8A (azul oscuro), #2563EB (azul medio), #60A5FA (azul claro), #F3F4F6 (gris muy claro), #111827 (gris casi negro) para textos. Tipografía: Inter (Google Fonts) para títulos y body.
Estructura:
- <header class="fixed top-0 w-full bg-white shadow"> con logo a la izquierda, menú de navegación central (Home, About, Services, Products, Blog, Contact) y dropdown mega‑menu bajo "Others" que muestra columnas de enlaces como en la referencia. Añade iconos de redes sociales en el dropdown.
- Hero section: fondo con imagen abstracta (placeholder), título grande "Encuentra
3.429 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.429 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 con logo, navegación principal y dropdown mega‑menu
- 1.2 Hero con fondo ilustrado, título grande y botón CTA
- 1.3 Cuadrícula de productos destacados
- 1.4 Sección de beneficios con iconos
- 1.5 Testimonios en carrusel
- 1.6 Últimas entradas del blog
- 1.7 Footer con enlaces y redes sociales
ABOUT
- 1.1 Cabecera (heredada)
- 1.2 Banner interno con título y breve descripción
- 1.3 Historia de la marca en dos columnas
- 1.4 Equipo con fotos y breves bios
- 1.5 Valores en bloques con iconos
- 1.6 Footer
SERVICES
- 1.1 Cabecera
- 1.2 Lista de servicios en tarjetas con ícono y descripción
- 1.3 Proceso paso a paso en timeline
- 1.4 CTA de contacto
- 1.5 Footer
PRODUCTS
- 1.1 Cabecera
- 1.2 Filtros lateralizados (categoría, precio)
- 1.3 Grid de productos con imagen, nombre, rating y botón
- 1.4 Paginación
- 1.5 Footer
BLOG
- 1.1 Cabecera
- 1.2 Lista de artículos en cards con imagen, título, extracto y fecha
- 1.3 Sidebar con categorías y post populares
- 1.4 Footer
CONTACT
- 1.1 Cabecera
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa embed
- 1.4 Información de contacto y horario
- 1.5 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO