NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **CúspideFin** (SaaS fintech) usando **HTML estático** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Sigue el esquema visual del sitio analizado, replicando patrones de UI sin copiar texto literal.
---
**Paleta de colores** (usar como variables Tailwind custom):
- #0A0A0A (negro profundo) – fondo principal y texto oscuro
- #FFFFFF (blanco) – fondo de secciones y textos claros
- #1E3A8A (azul cobalto) – botones primarios y enlaces destacados
- #60A5FA (azul claro) – hover botones y acentos
- #F3F4F6 (gris muy claro) – fondos de tarjetas y separadores
**Tipografía**: Inter (Google Fonts) para todo el sitio. Usa `font-sans` de Tailwind.
---
**Estructura y bloques**
1. **Navbar fija** (`<nav>`)
- Logo a la izqui
4.747 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.747 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 Barra de navegación fija con logo, menú desplegable y botones de login y contacto
- 1.2 Hero principal con etiqueta, título, párrafo, botón CTA y slider de logos de clientes
- 1.3 Bloque "About us" con etiqueta, título y cuadrícula de tarjetas informativas de estilo bento
- 1.4 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Encabezado de sección con etiqueta y título descriptivo
- 2.2 Grid de tarjetas bento grandes y pequeñas con imágenes, encabezados y texto descriptivo
PRICING
- 3.1 Tabla comparativa de planes con título, descripción y botones de suscripción
- 3.2 FAQ en acordeón
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 4.2 Mapa embebido y datos de ubicación
BLOG
- 5.1 Lista de artículos con imagen destacada, título, extracto y enlace "leer más"
- 5.2 Paginación inferior
PROMPTS RELACIONADOS · TECNOLOGÍA