OneFootprint

A precise, fintech-engineering interface for AI-native risk operations — white canvas, near-black ink headlines in Inter, and a single electric-violet brand accent (#4a24db) carried on the announcement bar and primary CTAs. The system reads as technical-and-trustworthy: a faint blueprint/code-schematic background behind the hero, tight small-radius cards (6px) with whisper-soft shadows, a monochrome partner logo strip, and a restrained palette where the only chromatic voltage is the violet accent plus a set of code-syntax highlight hues echoing the product's developer roots.

onefootprint.com

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

heading-xl 32px · 700 · 1.4

The quick brown fox jumps

heading-md 22px · 700 · 1.4

The quick brown fox jumps

heading-sm 15px · 600 · 1.867

The quick brown fox jumps

body 14px · 400 · 1.5

The quick brown fox jumps

button 16px · 400 · 1.5

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	6px
sm	8px
md	12px
lg	16px
xl	20px
xxl	24px
xxxl	32px
huge	40px
section	64px

Border Radius

Name	Value	Preview
sm	4px
md	6px
lg	12px
full	9999px

FAQ

What colors does OneFootprint use?: OneFootprint's core palette includes #4a24db, #3a1caa, #000000, #1a1a1a, #2d2d2d. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the OneFootprint DESIGN.md.
What font does OneFootprint use?: OneFootprint's primary typeface is Inter. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the OneFootprint design system?: A precise, fintech-engineering interface for AI-native risk operations — white canvas, near-black ink headlines in Inter, and a single electric-violet brand accent (#4a24db) carried on the announceme…

More like this

↓ .md ↓ All files

loading…