Skip to content
Browse
Library

Basis Theory. Payment rails in a drafting studio.

  • Finance
  • Light theme
  • 11 colors
  • 5 typefaces

Basis Theory — payment rails in a drafting studio. The interface is a bright white working canvas interrupted by graphite product panels, with electric aqua and acid-lime controls used as precise operational signals rather than ambient decoration. Enormous, tightly tracked Neo Grotesk headlines create compressed, mechanical urgency; compact Inter navigation and explanatory copy keep the surrounding system quiet. Product diagrams float as layered white technical sheets with faint gray construction lines, while dark cards frame code, customer proof, and implementation detail.

Visit basistheory.com
Screenshot of Basis Theory
Captured from basistheory.com on October 11, 2026

Basis Theory design system

Basis Theory

Brand1

  • Filled conversion buttons, selected use-case markers, and small product-diagram highlights — the cool signal that makes a workflow feel live

Accent3

  • Full-width announcement strips and occasional lightweight promotional controls — a broad highlighter wash above the restrained header

  • Developer-oriented filled buttons and compact product highlights

  • Rare horizontal technical accent for connector lines and illustrated signal paths

Neutrals7

  • Display headings, primary text, logo marks, dark page bands, and high-contrast icons

  • Dark cards, code panels, dark utility buttons, and contained product demonstrations

  • Emphasized body copy and dense explanatory labels

  • Navigation labels, long-form supporting copy, inactive tabs, and secondary icons

  • Hairline separators, diagram outlines, and subdued borders

  • Muted section surfaces and pale technical-card backgrounds

  • Page backgrounds, light cards, navigation surfaces, and white text on graphite panels

Try a pairing

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

Aa

Ink on Aqua Relay

14.50 : 1 contrast

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

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