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

Finora Labs — Prompt de diseño web para Claude AI

Plataforma SaaS de análisis financiero impulsado por IA Herramientas de inversión basadas en datos reales.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Finora Labs — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia Finora Labs, una plataforma SaaS de análisis financiero impulsado por IA. Usa únicamente HTML estático, Tailwind CSS via CDN y JavaScript vanilla en un único archivo. **Paleta de colores** (extraída del diseño original): - #0A0F2C (azul muy oscuro, fondo principal) - #1E3A8A (azul primario para botones y enlaces) - #3B82F6 (azul claro para hover y acentos) - #F3F4F6 (gris muy claro, fondos de secciones) - #FFFFFF (blanco, texto principal) - #FBBF24 (amarillo dorado para resaltados y iconos) **Tipografía**: - Fuente principal: Inter (cargar desde Google Fonts). - Fuente secundaria para títulos grandes: Poppins, peso 600. **Estructura global**: - `<header>` con clase `bg-[#0A0F2C] text-white` que contiene el logo (SVG placeholder), menú
5.439 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
5.439 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
Finora Labs — 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 Navbar con logo, enlaces y botón "Prueba gratis"
  • 1.2 Hero: título "Finanzas Plataforma", descripción, botones "Comenzar ahora" y "Ver demo", lista de 3 beneficios, imagen principal y decoraciones en nube
  • 1.3 Clientes: pre‑title "Confiado por inversores y equipos financieros", carrusel de logos de clientes
  • 1.4 Características: grid de 3‑4 tarjetas con icono, título y texto descriptivo
  • 1.5 Estadísticas: contadores animados (usuarios, transacciones, ahorro total)
  • 1.6 Testimonios: carousel de citas con avatar y nombre
  • 1.7 Precio: tabla comparativa de planes con botones CTA
  • 1.8 Blog destacado: tarjetas de artículos recientes
  • 1.9 Footer: enlaces de navegación, redes sociales, formulario de suscripción y datos legales

ABOUT

  • 2.1 Navbar (reutilizado)
  • 2.2 Hero interno con título y descripción
  • 2.3 Misión y visión en bloques de texto con iconos
  • 2.4 Equipo: tarjetas de miembros con foto, rol y bio breve
  • 2.5 Footer

FEATURES

  • 3.1 Navbar
  • 3.2 Hero con headline y CTA
  • 3.3 Lista de funciones en grid, cada una con icono y descripción
  • 3.4 Demo interactiva (placeholder)
  • 3.5 Footer

PRICING

  • 4.1 Navbar
  • 4.2 Hero con llamado a la acción y resumen de planes
  • 4.3 Tabla comparativa de 3 planes, cada columna con lista de ventajas y botón "Seleccionar"
  • 4.4 FAQ accordion
  • 4.5 Footer

BLOG

  • 5.1 Navbar
  • 5.2 Lista de artículos en formato tarjeta con imagen, título, extracto y etiqueta de categoría
  • 5.3 Paginación
  • 5.4 Footer

CONTACT

  • 6.1 Navbar
  • 6.2 Formulario de contacto con campos nombre, email, asunto y mensaje
  • 6.3 Mapa incrustado (placeholder)
  • 6.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría