Skip to content
Browse
Library

Jeton. Editorial fintech on warm marble.

  • Finance
  • Light theme
  • 13 colors
  • 1 typeface

Jeton operates as a fintech operating system on a near-blank canvas: vast white space, one searing orange-red accent, and typography that does all the talking. The interface is deliberately flat — no heavy elevations, no decorative borders — relying on generous whitespace, rounded geometric cards, and a single warm hue (#f73b20) to create visual punctuation. Headlines are oversized and tight-set (line-height 0.9–1.0 at 100+px), giving the page a confident, editorial rhythm rather than a dense SaaS feel. Color appears sparingly: orange for brand voice, near-black brown (#360802) for body text, and the occasional pastel wash for feature cards. The result reads like a magazine spread for financial infrastructure — restrained, spacious, and unmistakably bold.

Visit jeton.com
Screenshot of Jeton
Captured from jeton.com on October 11, 2026

Jeton design system

Jeton

Brand2

  • Brand accent for headings, links, icons, and key emphasis — the sole chromatic voice on an otherwise monochrome page

  • Subtle orange surface variant for small UI moments like nav indicators

Accent3

  • Card accent and section heading for Exchange/currency category — secondary chromatic

  • Card accent and section heading for Send category — secondary chromatic

  • Card accent and section heading for Add/funding category — secondary chromatic

Neutrals8

  • Secondary text and utility icons — used sparingly for currency labels and meta information

  • Primary body and input text — a warm near-black that ties body copy to the orange accent family

  • Disabled states, placeholder text, and low-emphasis dividers

  • Tinted neutral surface for subtle section differentiation

  • Green wash for highlight backgrounds, decorative bands, and soft emphasis behind content

  • Ultra-light orange-tinted surface — warm card or row background

  • Pale yellow-green surface tint for feature highlights

  • Page canvas and card surfaces — dominant background across all sections

Try a pairing

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

Aa

Carbon Black on Signal Orange

5.60 : 1 contrast

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

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