NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Formación Cobalto** (plataforma SaaS de gestión financiera personal) usando **HTML single‑file**, **Tailwind CSS CDN** y **JavaScript vanilla**. La web debe replicar el diseño visual y la estructura del sitio analizado, sin copiar texto ni imágenes originales. Utiliza los siguientes requisitos:
- **Paleta de colores**: #0F172A (azul marino profundo), #1E293B (gris azul), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco).
- **Tipografía**: Inter para todo el texto (cargar vía Google Fonts) y una variante de peso 400/600 para encabezados.
- **Header**: Navbar fijo con logo (texto "Formación Cobalto"), enlaces "Features", "About", "Pricing", "FAQ" y botón destacado "Book a Demo". Menú colapsable en móvil con ícono hamburgues
4.285 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.285 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 con logo, menú y botón principal
- 2.1 Hero con subtítulo, heading, descripción, dos botones y visuales de móvil
- 3.1 Clientes: bloque de logos en carrusel estático
- 4.1 Features: título, intro y grid de tarjetas con iconos animados
- 5.1 About: título, intro y grid de tarjetas con iconos
- 6.1 Pricing: llamado a la acción en navbar y botón en hero (estructura prevista)
- 7.1 Footer con enlaces y datos de contacto
PRICING
- 1.1 Encabezado de precios
- 2.1 Tabla comparativa de planes (no presente en código, se presupone)
- 3.1 FAQ y llamado a la acción
ABOUT
- 1.1 Encabezado de la página About
- 2.1 Texto descriptivo de la empresa
- 3.1 Tarjetas de valores/beneficios con iconos
FEATURES
- 1.1 Encabezado de la sección Features
- 2.1 Texto introductorio
- 3.1 Tarjetas de características con animaciones Lottie
CLIENTS
- 1.1 Subtítulo de confianza
- 2.1 Grid de logos de clientes (repetido 3 veces para efecto de scroll)
PROMPTS RELACIONADOS · EDUCATION
