NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web estática completa que reproduzca el diseño y estructura de la plantilla descrita, usando la marca ficticia **Circuito Studio**. El proyecto debe ser un solo archivo HTML que incluya Tailwind CSS via CDN y JavaScript vanilla (sin frameworks). Incluye:
- **Header**: barra superior fija con logo (SVG placeholder) a la izquierda, enlaces a "Components", "Styles" y "Support" a la derecha, y botón de menú hamburguesa que abre el **sidebar**.
- **Sidebar**: panel lateral colapsable con título "Menu", icono de abrir/cerrar, lista de enlaces (Home, Components, Styles, Changelog, Support) y botón secundario "Open Workspace".
- **Hero**: sección principal centrada, fondo blanco, tipografía grande (display-xl) con el texto "Circuito Studio", subtítulo descriptivo en body‑l, dos botones
3.931 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.931 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 logo y enlaces principales
- 1.2 Menú lateral plegable con enlaces de navegación y botón de workspace
- 1.3 Hero con título, descripción y dos botones CTA
- 1.4 Imagen destacada del hero
- 1.5 Bloque de texto "Uso"
- 1.6 Sección de componentes con grid de tarjetas
- 1.7 Sección de estilos con grid de tarjetas
- 1.8 Footer minimalista
COMPONENTES
- 2.1 Página individual de componente (ejemplo: Botón)
- 2.2 Detalle de tags y variantes del componente
ESTILOS
- 3.1 Página de colores con lista de paletas
- 3.2 Página de tipografía con ejemplos de fuentes
SUPPORT
- 4.1 Página de soporte y documentación
CHANGES
- 5.1 Página de changelog del proyecto
PROMPTS RELACIONADOS · BEAUTY / SPA
