NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado "Línea Ágil" que reproduzca el diseño visual y la estructura del sitio analizado, sin copiar ningún texto original. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Requisitos de stack**
- `<script src="https://cdn.tailwindcss.com"></script>` para estilos.
- Todo el HTML debe estar en un solo documento, con clases Tailwind que representen la tipografía, colores y espaciados.
- JavaScript debe manejar la apertura/cierre del menú hamburguesa y la expansión de la barra lateral.
**Paleta de colores** (usar como variables Tailwind):
- Primario: #0D3B66
- Secundario: #FAF0CA
- Accent: #F4D35E
- Texto oscuro: #1A1A1A
- Fondo claro: #FFFFFF
**Tipografía**
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts).
- Tít
4.726 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.726 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 superior con logotipo y menú hamburguesa
- 1.2 Navegación lateral colapsable con enlaces principales y botón Workspace
- 1.3 Hero con título, descripción y CTA primaria y secundaria
- 1.4 Imagen ilustrativa del producto
- 1.5 Bloque "Uso" con texto explicativo
- 1.6 Sección "Componentes" con encabezado, botón Figma y grid de tarjetas de componentes
- 1.7 Sección "Estilos" con encabezado, botón Figma y grid de tarjetas de estilos
- 1.8 Footer minimalista con enlaces y redes sociales
COMPONENTES
- 2.1 Página genérica de detalle de componente (título, descripción, ejemplos, código)
ESTILOS
- 3.1 Página de paleta de colores (tarjetas con nombre y muestra)
- 3.2 Página de tipografía (ejemplos de fuentes, tamaños y pesos)
CHANGLOG
- 4.1 Lista de cambios y versiones del sistema UI
SUPPORT
- 5.1 Formulario de contacto y enlaces a documentación
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 06/06/2026
PROMPTS RELACIONADOS · CREATIVO
