Unit.co

A precise, fintech-infrastructure interface built on white canvas with pure-black display type and a signature pale-mint accent surface. The system reads as engineered-and-restrained — near-monochrome with Suisse-International-style grotesque headlines set at weight 400 with negative tracking, fully pill-shaped black CTAs, soft mint and cream tinted surfaces, and embedded product-dashboard mockups shown directly in-page. Brand voltage comes from the oversized light-weight display type and the mint/green accent moments rather than from saturated color.

unit.co

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

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

display-xl 56px · 400 · 1.0

The quick brown fox jumps

display-lg 40px · 400 · 1.1

The quick brown fox jumps

title 22px · 400 · 1.2

The quick brown fox jumps

body 16px · 400 · 1.4

The quick brown fox jumps

button 16px · 400 · 1.3

The quick brown fox jumps

Spacing & Shape

Spacing

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

Border Radius

Name	Value	Preview
none	0px
xs	4px
sm	6px
md	8px
lg	20px
xl	40px
pill	70px
pill-full	100px

FAQ

What colors does Unit.co use?: Unit.co's core palette includes #000000, #333333, #4b5a59, #ffffff, #ffffff. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Unit.co DESIGN.md.
What font does Unit.co use?: Unit.co's primary typeface is Suisse International. 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 Unit.co design system?: A precise, fintech-infrastructure interface built on white canvas with pure-black display type and a signature pale-mint accent surface. The system reads as engineered-and-restrained — near-monochrom…

More like this

↓ .md ↓ All files

loading…