NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa (single‑file) usando HTML5, Tailwind CSS vía CDN y JavaScript vanilla que reproduzca el diseño visual y la estructura del sitio descrito. Marca ficticia: Aurora Suite (dominio aurorasuite.com). Paleta de colores: #0F172A (azul muy oscuro), #1E3A8A (azul primario), #3B82F6 (azul brillante), #F3F4F6 (gris claro de fondo), #FFFFFF (blanco). Tipografía: Inter (cargada desde Google Fonts) para todo el texto, pesos 400 y 600.
Estructura:
- Header: barra superior mínima con logo a la izquierda (SVG placeholder) y enlaces de navegación ocultos en móvil (hamburguesa). Fondo #0F172A, texto #FFFFFF.
- Hero section: contenedor central con título grande (display‑heading‑1, font‑extrabold, text‑3xl sm:text‑5xl, color #FFFFFF), párrafo descriptivo (text‑lg, color #F3F4F6), d
3.836 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.836 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, título y botones de acción
- 1.2 Grid de demos con tarjetas enlazadas a distintas pantallas del dashboard
- 1.3 Sección Inner Pages mostrando ejemplos de páginas internas
- 1.4 Sección Utilities con enlaces a páginas de ayuda y error
- 1.5 Sección UI Elements con enlaces a tipografía, colores e iconografía
- 1.6 Sección Authentication con enlaces a formularios de registro y login
DEMO
- 2.1 Página de ejemplo "Dashboard"
- 2.2 Página de ejemplo "Balance"
- 2.3 Página de ejemplo "Invoices"
- 2.4 Página de ejemplo "Cards"
- 2.5 Página de ejemplo "Transactions"
- 2.6 Página de ejemplo "Chat"
- 2.7 Página de ejemplo "Settings"
- 2.8 Página de ejemplo "Profile"
- 2.9 Página de ejemplo "Create Invoice"
INNER PAGES
- 3.1 Página "Notification"
- 3.2 Página "Preview invoices"
- 3.3 Página "Edit Profile"
- 3.4 Página "Preferences"
- 3.5 Página "Security"
- 3.6 Página "Recipients Info"
UTILITIES
- 4.1 Página FAQ
- 4.2 Página 404 (no encontrada)
- 4.3 Página 401 (acceso protegido)
- 4.4 Página Changelog
- 4.5 Página Licensing
UI ELEMENTS
- 5.1 Página Typography
- 5.2 Página Color
- 5.3 Página Iconography
AUTHENTICATION
- 6.1 Página Sign‑Up
- 6.2 Página Sign‑In
PROMPTS RELACIONADOS · SAAS / STARTUP
