NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con una única página HTML que reproduzca el diseño de un portal interno de guías de branding. Usa Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Marca ficticia: Business Vega (dominio businessvega.com).
**Paleta de colores**
- Fondo principal: #ffffff
- Sidebar fondo: #f8fafc
- Texto primario: #0f172a (gray‑900)
- Texto secundario: #334155 (gray‑700)
- Texto gris claro: #64748b (gray‑500)
- Acents: #3b82f6 (blue‑500) para botones y enlaces
- Iconos fondo: #e2e8f0 (gray‑200)
**Tipografía**
- Fuente principal: Inter, sans‑serif (cargar desde Google Fonts)
- Peso regular 400, semibold 600, bold 700.
**Estructura**
- `<body class="flex min-h-screen bg-white font-inter text-gray-900">`
- **Sidebar** (`<nav class="w-64 bg-gray-100 flex flex-col">`)
4.606 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.606 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 lateral colapsable con logo y menú agrupado por categorías
- 1.2 Hero principal con título, descripción, botón y fila de tarjetas
- 1.3 Sección Brand con encabezado, subtexto y cuadrícula de tarjetas de contenido
- 1.4 Footer minimalista con información de contacto
GUIDELINES (páginas internas)
- 2.1 Hero interno opcional (no presente en el fragmento)
- 2.2 Contenedor de tarjeta de guía con icono, fecha y descripción
- 2.3 Navegación secundaria (sidebar persistente)
GUIDELINES/VISION, /TONE-OF-VOICE, /STORY, /COMPETITION, /COLOR, /IMAGERY, /LOGO, /WEBSITE, /BROCHURE, /PACKAGING, /POSTERS, /STATIONARY, /STICKER
- 3.1 Hero interno con título de la guía
- 3.2 Texto introductorio y contenido estructurado (no presente en el fragmento)
- 3.3 Footer compartido
Imagen generada con DES - designprompting.com · bytedance/seedream-v5.0-lite · 04/06/2026
PROMPTS RELACIONADOS · CORPORATIVO
