NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño de una plantilla de panel de control SaaS, usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Marca ficticia: Suite Helio (suitehelio.com). Paleta de colores: #1F2937 (gris oscuro), #2563EB (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco), #10B981 (verde accent). Tipografía: "Inter", sans-serif para todo el texto; encabezados en weight 600, cuerpo en 400.
Estructura:
- <header class="flex items-center justify-between p-6 bg-gray-900 text-white">
• Logo SVG blanco.
• Navegación mínima (enlace Home).
• Botón "Contacta" estilo primary.
- Hero section full height (min‑h‑screen) con fondo gradiente dark‑blue/gray, centrado vertical y horizontal.
• H1 grande (display‑4) "Suite Helio", color blanc
4.136 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.136 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 Hero con logo, encabezado h1, subtítulo y botones primary/secondary.
- 1.2 Imagen mockup de dispositivo mostrando la UI.
- 1.3 Grid de presentación de páginas de dashboard (8 módulos).
- 1.4 Grid de categoría CRM (3 módulos).
- 1.5 Grid de categoría Utilities (4 módulos).
PAGE: Dashboard – Default
- 2.1 Barra lateral de navegación.
- 2.2 Header con búsqueda y avatar.
- 2.3 Área principal con tarjetas de métricas y gráficos.
PAGE: Dashboard – Project
- 3.1 Sidebar, header, tabla de proyectos y timeline.
PAGE: Dashboard – E‑commerce
- 4.1 Sidebar, header, tarjetas de ventas y tabla de pedidos.
PAGE: CRM – Companies
- 5.1 Barra lateral, encabezado, tabla de empresas, filtros.
PAGE: Utilities – Knowledge Base
- 6.1 Lista de artículos, barra de búsqueda, filtros de categorías.
PAGE: Utilities – Invoice
- 7.1 Vista de factura, botón imprimir, tabla de items.
PROMPTS RELACIONADOS · SAAS / STARTUP
