The Infinite brand system

Brand

The brand system as it ships, read from the live tokens and the Marks Figma file.

Marks

The mark is a coin in motion: four nested meridians, each broken at the base. It carries the brand alone; the lockup adds the wordmark for first-contact surfaces like the nav and the footer.

Transparent icon exports come at two margins, both from the Marks file: tight, where the mark fills 90% of the square, for app icons and avatars that get masked; and padded at 60%, for favicons and anywhere the mark sits on a busy background.

Mark · inherits currentColor
Mark on ink
Badge · avatars, app tiles
Lockup · in use in the nav and footer
Lockup on ink
Download the brand kitEvery mark in ink and white: vector plus press-resolution PNG, transparent, with icon tiles, the colour tokens, and usage notes. Built from the files below by reference/tools/build-brand-kit.mjs.

Or take a single file:

Colour

Ink and a single green, split into light and dark band sets. Reference the token, never the hex. The values below are read from app/globals.css.

Backgrounds

--bg-surface#f2f5f3Page default
--bg-surface-raised#ffffffCards, panels
--bg-surface-tint#eef3f0Alternating bands
--bg-accent-wash#e4efeaAccent fills

Dark bands

--bg-surface-inverse#0b0d0cInverse sections
--bg-panel-dark#0d0f0ePanels on dark
--bg-node-dark#131615Nodes, chips on dark
--border-hairline-inverse#242927Hairlines on dark

Text

--text-primary#101413Headings, body
--text-secondary#4c5451Supporting copy
--text-label#616c66Labels: AA on tint
--text-inverse#f7f9f8Text on dark

Text on dark

--text-secondary-dark#b9c2beSupporting copy on dark
--text-label-dark#7c8781Labels on dark

Accents

--accent-green#007765Links, focus ring
--accent-green-strong#005d50Hover, emphasis
--cerulean#29c2ffData accent
--status-error#b42318Errors

Accents on dark

--accent-green-dark#00e6c5Accent on dark
--accent-green-strong-dark#66eda8Emphasis on dark

Controls

--button-primary-bg#101413Primary button
--button-primary-bg-hover#232827Primary hover
--button-primary-bg-active#2a2f2dPrimary active
--border-hairline#e3e9e6Hairlines, dividers

Typography

One family, differentiated by weight, size, and tracking. Geist Sans carries brand, display, eyebrows, and stats; Geist Mono carries figure labels and code.

Geist Sans

--font-brand, --font-display

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Geist Mono

--font-mono

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

.t-display1Display 1500 · 42→78px · -0.035em

Money that moves like software

.t-display2Display 2500 · 36→60px · -0.03em

Screened before funds move

.t-articleTitleArticle title500 · 32→44px · -0.025em

Introducing Infinite Accounts

.t-h2H2500 · 36→56px · -0.028em

Accounts, payments, compliance

.t-h3H3500 · 24→28px · -0.015em

Built for the regulated path

.t-statementStatement500 · 28→40px · -0.02em

Human-approved policy governs every outcome

.t-statementMStatement M500 · 22→28px · -0.015em

Direct answers read as prose, not a wall of display type

.t-pullQuotePull quote500 · 28→36px · -0.02em

Cases arrive assembled, not queued

.t-slideTitleSlide title500 · 24px · -0.015em

Deposit-account ledger

.t-cardTitleCard title500 · 20px · -0.01em

Managed Account

.t-ledeLede400 · 20px · -0.005em

A single API for accounts, payments, and the compliance work around them.

.t-bodyBody400 · 16px

Open a real deposit account with its own routing number, then move balances over ACH, wire, SWIFT, or stablecoin rails.

.t-bodySBody small400 · 14px

Settlement windows follow the receiving rail, not the sending one.

.t-captionCaption400 · 14px

Figures are illustrative and not a quote of live pricing.

.t-statNumeralStat numeral500 · 44→56px · -0.025em · tabular

$1,234.56

.t-statLabelStat label400 · 14px

Sample amount, illustrative

.t-eyebrowEyebrow500 · 14px

Products

.t-figLabelFigure label500 · 11px · +0.5px, micro-type floor

ORIGINATING BANK

.t-navNav500 · 14px

Platform

.t-buttonButton500 · 14px

Book a demo

.t-footerLinkFooter link400 · 14px · 1.7

Transfer Routes

.t-footerLegalFooter legal400 · 12px

Infinite Agents, Inc. is a technology company, not a bank.

.t-codeCode400 · 13px

POST /v1/transfers

Icons

The blueprint set: 20px glyphs, 1.5px stroke, round caps. Duotone: primary geometry at full currentColor, secondary geometry muted to 45%, so one colour carries the icon on light and dark bands alike. Defined in components/home/icons.tsx.

  • bank
  • globe
  • transfer
  • spark
  • shield
  • users
  • code
  • hub
  • lock
  • pulse
  • doc
  • wire
  • bolt
  • coins
  • fx
  • clock
  • route

Motion

Motion is quick and quiet: controls answer in 100ms, nothing in the UI runs past 300ms, and marketing reveals get 500ms. Everything honours prefers-reduced-motion. Reference the token, never the literal; values mirror app/globals.css.

--duration-instant100msControls: hover, press
--duration-fast150msSmall UI: chips, toggles
--duration-base200msDefault UI transitions
--duration-slow300msOverlays, dropdowns: UI ceiling
--duration-reveal500msMarketing reveals on scroll
--ease-outcubic-bezier(0.23, 1, 0.32, 1)Everything entering or responding
--ease-in-outcubic-bezier(0.77, 0, 0.175, 1)Movement within the page

Product names

Products are set in the brand family as plain names. There is no per-product mark. Each carries a blueprint glyph in nav, the home overview, and the footer, which is the only product-level visual today.

Infinite Accounts

Managed global accounts

  • Accounts
  • Wallet Account
  • First Party
  • Third Party

Infinite Pay

Move money on every rail

  • Payouts
  • Payins
  • Links
  • Invoicing
  • SWIFT Payments
  • USD Payments
  • Stablecoin Payments
  • Foreign Exchange
  • Transfer Routes

Infinite Agents

The managed compliance AI

  • Agentic Payments
  • Compliance AI
  • Embedded Compliance
  • Managed Compliance