Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

CúspideFin — Prompt de diseño web para Claude AI

Plataforma SaaS de gestión financiera para pymes y startups Herramientas claras para decisiones financieras acertadas.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
CúspideFin — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
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
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
CúspideFin — home completa
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

Otros prompts de la misma categoría