NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Cable Studio" siguiendo el estilo visual y la estructura del sitio analizado. Utiliza HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas.
- Paleta de colores: blanco (#FFFFFF), negro profundo (#111113), gris neutro (#F5F5F5), azul acento (#0A84FF), verde suave (#28C76F). Usa estos colores para fondo, texto, botones y acentos.
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, con pesos 400, 600, 700. Aplica tamaños responsive: display-2xl, display-xl, display-l, body-l, body-m.
- Header: barra superior con logo (texto "Cable Studio"), enlace a home, componentes, estilos, soporte. Menú hamburguesa que despliega un panel lateral con los mismos enlaces y botón secundario "Abrir Works
4.033 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.033 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 Header con barra superior y menú lateral
- 1.2 Hero con título grande, subtítulo y dos CTA
- 1.3 Imagen ilustrativa del mockup
- 1.4 Bloque "Uso" con texto descriptivo
- 1.5 Bloque "Componentes" con tarjetas de componentes
- 1.6 Bloque "Estilos" con tarjetas de estilos
- 1.7 Footer minimalista
COMPONENTES
- 2.1 Página genérica de componente (ej. Botón) con descripción y ejemplos
- 2.2 Navegación interna del apartado de componentes
ESTILOS
- 3.1 Página de colores con paleta y códigos HEX
- 3.2 Página de tipografía con fuentes y ejemplos
SOFTWARE
- 4.1 Changelog (lista de cambios)
- 4.2 Soporte (formulario de contacto)
PROMPTS RELACIONADOS · MODA
