Skip to content
Library

Nubank. One vivid accent on luminous off-white, all surfaces curved into soft pills.

  • Finance
  • Mixed theme
  • 10 colors
  • 1 typeface

Nubank operates on a radical one-accent system: a white porcelain canvas, black ink typography, and a single vivid violet that functions as the only chromatic note in the entire interface. The visual grammar is built on pill shapes — buttons, inputs, and links all curve into 999px capsules, giving the system a soft, rounded, approachable personality that softens the severity of high-contrast black-on-white. Typography carries the authority: a custom geometric sans (Graphik) at weights 400-500 with aggressive negative tracking, creating tight, composed headlines that whisper rather than shout. The page breathes — generous 8px-based spacing, large display sizes (up to 56px), and dark photo sections that contrast with otherwise luminous white surfaces. Every interaction surface is a pill, every accent is violet, and every screen feels like a single page from a meticulously typeset magazine.

Screenshot of Somos incansáveis pra você não precisar ser | Nubank
Captured from nubank.com.br on October 11, 2026

Nubank design system

Nubank

Brand3

  • Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

  • Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

  • Subtle violet washes, disabled violet states, muted brand backgrounds

Neutrals7

  • Dark supporting neutral for text, icons, and strong contrast. Do not promote it to the primary CTA color

  • Mid-neutral fills, muted backgrounds for nested sections

  • Tertiary text, footer secondary lines, metadata

  • Secondary text, helper labels, placeholder text, icon strokes at rest

  • Hairline borders, dividers, subtle UI separators

  • Page canvas, subtle section backgrounds, input field fills — the porcelain tone that defines the overall light theme

  • Card surfaces, input fills, text on dark backgrounds, page sections over the mist base

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Snow on Nubank Violet

7.21 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.