Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Back to Browse

Addi

Fintech

Addi creates a frictionless fintech experience with warm, approachable design that demystifies buy-now-pay-later services. The vibrant blue signature color paired with friendly rounded interfaces and abundant whitespace creates trust and accessibility, making complex financial products feel simple and welcoming.

(0)
0
Visit Website
Screenshot of Addi website

Design Identity

Signature Color

Addi Blue

#007AFF

trustworthy fintech accessibility - removes intimidation from financial decisions while maintaining credibility

Visual Identity

Generous whitespace creating breathing room around content, combined with soft rounded corners and a distinctive hand-holding-phone hero image that emphasizes human connection to digital finance

Component Style

Softly rounded buttons (approximately 12-16px radius) with substantial padding, clean sans-serif typography, and minimal visual weight. No harsh shadows or heavy borders - everything feels approachable and unintimidating, like consumer tech rather than traditional banking

Spacing Philosophy

Luxuriously spacious with large vertical gaps between sections (80px+), creating a sense of calm and reducing cognitive load. Content is given ample breathing room to prevent overwhelm around financial decisions

Design Principles

  • Border radius consistently 12-16px for friendly approachability
  • Typography uses Onest Variable for headings, Outfit Variable for body text
  • Primary CTA always uses signature blue with white text
  • Whitespace ratios favor vertical breathing room over content density
  • Human imagery always shows real hands/people to emphasize trust

Target Audience

Young Latin American consumers (18-35) who are digitally native but potentially new to credit products, seeking approachable alternatives to traditional banking

Mood

approachabletrustworthyspaciousfriendlyaccessiblereassuringhuman-centered

Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.

Design System

Typography Scale

ElementFontSizeWeightLine Height
bodysans-serif12px400normal
h1"Onest Variable"67.2px40068.544px
h2"Onest Variable"28px40028px
h3"Onest Variable"28px40028px
h4"Onest Variable"24px40026.4px
p"Outfit Variable"14.08px40018.304px
asans-serif12px400normal
buttonsans-serif12px400normal
navsans-serif12px400normal
headersans-serif12px400normal

Color Palette

No colors extracted

UI Elements

button
a
nav
button-primary
button-secondary

Similar Designs

Completely Different Designs

Discussion

Loading comments...