NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Panel Ámbar** (SaaS de gestión de proyectos) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual y la estructura de la web analizada:
**Paleta de colores**
- Fondo principal: #0A0A0A (negro casi puro)
- Texto principal: #FFFFFF (blanco)
- Texto secundario: #CCCCCC (gris claro)
- Azul de acento: #0D6EFD (azul Bootstrap)
- Verde de acento: #28A745 (verde éxito)
**Tipografía**
- Fuente principal: Inter, sin-serif (cargar via Google Fonts)
- Peso 400 para párrafos, 600 para títulos, 700 para encabezados destacados.
**Header**
- Barra fija con logo SVG placeholder (Panel Ámbar), título "– Solución SaaS moderna" a la derecha del logo.
- Menú de navegación con tres dropdowns: "Productos", "Em
4.617 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.617 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 Cabecera con logo, título y menú de navegación con dropdowns y botón de contacto
- 1.2 Hero central con título, subtítulo, botones primario y secundario, botón de reproducción de vídeo y elementos decorativos
- 1.3 Sección de líneas decorativas horizontales
- 1.4 Bloque de características con encabezado y tres tarjetas descriptivas
- 1.5 Galería de plantillas de landing y páginas de la compañía en tarjetas con imagen y título
LANDING
- 1.1 Cabecera reutilizada
- 1.2 Hero de la landing con título, descripción y llamada a la acción
- 1.3 Sección de beneficios en columnas
- 1.4 Testimonios y CTA final
PRICING
- 1.1 Cabecera reutilizada
- 1.2 Tabla comparativa de planes con características y botones de suscripción
- 1.3 Preguntas frecuentes y CTA
BLOG
- 1.1 Cabecera reutilizada
- 1.2 Listado de artículos con imagen, título y extracto
- 1.3 Paginación y barra lateral
CONTACT
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.3 Información de contacto y mapa incrustado
PROMPTS RELACIONADOS · SAAS / STARTUP
