Sistemas de diseño fintech
Sistemas de diseño extraídos de sitios web de fintech y finanzas: pagos, banca, inversión, cripto y facturación. La confianza es el objetivo, así que verás un uso cuidadoso del color, una tipografía clara para las cifras y formularios y botones diseñados para que pulsarlos dé seguridad.
3 ejemplos de DESIGN.md en esta categoría, de Klarna, PayPal y Stripe. Extraídos de las páginas públicas de cada sitio, no son guías de marca oficiales. ¿Es tu primera vez con el formato? Lee qué es un DESIGN.md.
Klarna
El sistema de diseño de Klarna presenta un azul marino oscuro y sofisticado como color principal (#0b051d), con colores de acento brillantes que incluyen su rosa característico (#ffa8cd). El sistema utiliza fuentes personalizadas de Klarna junto con fuentes del sistema, enfatiza las esquinas redondeadas (32px es la más común) y mantiene un alto contraste para garantizar la accesibilidad. El diseño equilibra profesionalidad y cercanía mediante espaciados generosos y una jerarquía tipográfica clara.
PayPal
PayPal de homepage en neerlandés usa un diseño audaz y orientado al consumidor, con una sección principal de un azul cielo vivo (#60cdff) y tipografía de títulos negra ultra gruesa (PayPal Pro w900). La navegación es blanca con texto negro y dos botones de llamada a la acción bien diferenciados: un botón con contorno "Inloggen" y otro relleno en negro "Rekening openen". En la parte superior hay un banner de anuncios azul marino oscuro. En conjunto, el lenguaje es de alto contraste, con bordes muy redondeados tipo píldora y una identidad guiada por su tipografía de marca, transmitiendo confianza y accesibilidad para un público amplio de servicios financieros de consumo.
Stripe
Stripe, el sitio de marketing de la página principal, usa un sistema de diseño muy controlado (HDS, Stripe Design System) basado en la fuente variable "sohne-var" en pesos ligeros (300–400), una paleta de marca que va del azul marino profundo al índigo, anclada en #533afd (Stripe Indigo), y un característico degradado espectral a sangre completa en el encabezado. Los componentes tienen radios bajos (4–6 px), sombras planas o mínimas y se estructuran en torno a una cuadrícula base de 8 px. El tono general es autoritario pero cercano: infraestructura financiera comunicada mediante una tipografía segura de sí misma y un uso contenido del color.
¿No ves el sitio que necesitas?
Pega cualquier URL y obtén un DESIGN.md de cualquier web. Colores, tipografía, espaciado y tokens, listos para tu flujo de trabajo con IA.