NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lúmina Mercantil** (dominio luminamercantil.com) con el siguiente alcance y stack: HTML estático en un único fichero, Tailwind CSS vía CDN, y JavaScript vanilla (sin frameworks). El diseño debe reproducir los patrones visuales y estructurales del template analizado, pero con contenido y copy totalmente originales en español de España.
**Paleta de colores**
- Fondo principal: #FFFFFF
- Texto primario: #0A0A0A
- Texto secundario: #4A4A4A
- Acénto principal: #FF6F61 (coral)
- Gris de fondo de secciones: #F7F7F7
**Tipografía**
- Fuente principal: Inter, peso 400/500/600, tamaños fluidos (text‑base 1rem, h1 2.5rem, etc.)
- Fuente secundaria para títulos pequeños: Roboto Mono, peso 500.
**Estructura y bloques**
1. **Navbar fija** con logo te
4.537 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.537 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 carrito lateral
- 1.2 Hero principal con título, subtítulo y botón CTA
- 1.3 Cuadrícula de servicios destacados (4 tarjetas)
- 1.4 Sección de proyectos / portafolio con imágenes y filtro
- 1.5 Testimonios rotativos en carrusel
- 1.6 Blog latest posts en formato cards
- 1.7 Footer con enlaces de navegación, formulario suscripción y datos de contacto
ABOUT US
- 1.1 Header interno con fondo sólido
- 1.2 Texto descriptivo de la empresa y misión
- 1.3 Equipo en tarjetas con foto y rol
- 1.4 Valores en bloques iconográficos
- 1.5 Footer
SERVICES
- 1.1 Header interno con título
- 1.2 Lista de servicios en grid de 3 columnas
- 1.3 Cada servicio con icono, breve descripción y botón “Más info”
- 1.4 CTA final para contacto
- 1.5 Footer
PROJECTS
- 1.1 Header interno con título
- 1.2 Galería tipo masonry con filtros por categoría
- 1.3 Cada proyecto con overlay de título y CTA “Ver caso”
- 1.4 Footer
BLOG
- 1.1 Header interno con título
- 1.2 Lista de artículos en cards de 2 columnas
- 1.3 Sidebar con categorías y suscripción al boletín
- 1.4 Footer
CONTACT US
- 1.1 Header interno con título
- 1.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 1.3 Mapa embebido y datos de contacto
- 1.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
