NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia Panel Brisa (panelbrisa.com), una plataforma SaaS de automatización financiera con IA. Utiliza HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y estilo de la página original analizada, sin copiar textos literales.
**Paleta de colores**
- Fondo primary: #0A0A0A (casi negro)
- Card / sección: #1A1A1A
- Texto principal: #F5F5F5
- Texto secundario: #A0A0A0
- Accent / botones: #00D1FF
- Highlight hover: #00A8D1
**Tipografía**
- Fuente principal: Inter (Google Fonts), peso 400, 500, 600, 700
- Fuente de titles: "Inter" con tracking amplio
**Header / Navbar**
- Sticky, fondo semi‑transparente (#0A0A0ACC), logo a la izquierda, menú horizontal (Home, About us, Features, Pricing, Blog)
4.707 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.707 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 Navbar fijo con logo, menú y botón principal
- 1.2 Hero con vídeo de fondo, título, subtítulo, descripción y CTA doble
- 1.3 Marquee de logos de clientes
- 1.4 Sección "Cómo funciona" con título, descripción y tabs de pasos
- 1.5 (Placeholder) Bloque de características con cards
- 1.6 Footer con enlaces de navegación, redes sociales y formulario de suscripción
ABOUT US
- 2.1 Navbar consistente
- 2.2 Hero estático con título y descripción
- 2.3 Historía y valores en bloques de texto e imagén
- 2.4 Equipo en grid de cards
- 2.5 Footer
FEATURES
- 3.1 Navbar
- 3.2 Hero con título y CTA
- 3.3 Lista de funcionalidades en grid con iconos
- 3.4 Demo vídeo o demo interactivo
- 3.5 Footer
PRICING
- 4.1 Navbar
- 4.2 Hero con título y comparativa de planes
- 4.3 Tabla de precios con botones CTA
- 4.4 Preguntas frecuentes en accordión
- 4.5 Footer
BLOG
- 5.1 Navbar
- 5.2 Lista de artículos en tarjetas con imagen, título y extracto
- 5.3 Sidebar con categorías y newsletter
- 5.4 Footer
CONTACT
- 6.1 Navbar
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa incrustado y datos de contacto
- 6.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
