NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca el diseño y la estructura de la plantilla analizada, pero con la marca ficticia **LumiGrid**. Utiliza exclusivamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo.
**Alcance**
- Header dual: barra superior con logo (texto "LumiGrid" y un ícono SVG simple), enlace a la página principal y botón hamburguesa que despliega la navegación lateral.
- Navegación lateral: lista de enlaces (Home, Componentes, Estilos, Changelog, Support) y un botón secundario "Open Workspace".
- Hero: título grande (display‑xl), párrafo descriptivo (body‑l) y dos botones CTA (terciario y secundario) alineados horizontalmente.
- Imagen hero: mockup responsivo centrado bajo el texto.
- Sección "Uso": encabezado (display‑m) y párrafo explicativo en rich‑te
4.215 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.215 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 Encabezado superior con logo y menú hamburguesa
- 1.2 Navegación lateral con enlaces principales y botón de acción
- 1.3 Hero principal: título, texto y dos CTA
- 1.4 Imagen ilustrativa
- 1.5 Bloque Uso
- 1.6 Bloque Componentes (grid de tarjetas)
- 1.7 Bloque Estilos (grid de tarjetas)
- 1.8 Footer minimalista
COMPONENTES
- 2.1 Página de detalle de cada componente (título, descripción, variantes)
ESTILOS
- 3.1 Página de paleta de colores
- 3.2 Página de tipografía
SUPPORT
- 4.1 Página de soporte y documentación
CHANGES
- 5.1 Página de registro de cambios
PROMPTS RELACIONADOS · BELLEZA / SPA
