SANS

Variable type specimen Sans + Mono

One variable sans for product UI, data, and brand-scale type. Adapted from Geist.

Quiet in the product.
Loud in the launch.

Click the headline to type

Display 600 / 100 / 0 / auto / 0

Registers

Stylistic options a R I G → ↗ . · 012
font-weight: 600; font-stretch: 100%; font-style: normal; font-optical-sizing: auto; letter-spacing: 0em;

Light enough to breathe.

Regular enough to disappear.

Heavy enough to announce.

Compact / measured / expansive

Motion without an italic costume.

Display / 600 · 100 · optical auto

Make the complex feel inevitable.

Brand, launch, editorialTracking 0

Text / 400 · 100 · 16

Clarity that doesn’t need to call attention to itself.

Ludic Sans keeps a generous x-height and open counters for dependable interface reading, then trades a little air for pace as optical size rises. The result is one voice that can sit quietly in a settings panel and still own a launch.

Weight, width, slant, and optical size remain independent. Use them to tune hierarchy rather than decorate it: denser for administration, calmer for long text, and tighter when a message has room to become an image.

B2B / operations

Dense, calm, accountable.

UI · 500 / 100 / 14
Tables · 500 / 90 / 14

Workspace / Revenue

Account health

Active revenue$284,920↑ 12.4% this month
Renewal rate94.8%Target 92.0%
At-risk accounts08− 3 since Monday
RenewalsNext 30 days

Scroll to see all columns →

Upcoming customer renewals
AccountOwnerValueHealth
Northstar LabsJul 18M. Chen$42,000Healthy
Marrow SystemsJul 21A. Rivera$28,400Watch
Fieldwork Co.Jul 26S. Patel$17,850Healthy
Index StudioAug 02D. Park$12,600At risk
New follow-upAssign the next move
⌘ ↵

B2C / conversion

Warm enough to invite action.

Display + UI
One family, no handoff

Morrow+

02 / 03

Build your daily rhythm

Move at your pace.

A thoughtful plan for stronger habits—personal enough to fit, simple enough to keep.

No pressure. Change this whenever you need.

Light surface / optical size 14

12 px / 500

Invite accepted. Priya can now view reports, manage billing, and export workspace activity.

14 px / 450

Your workspace is up to date. The next scheduled sync runs today at 14:30.

16 px / 400

Good interface type keeps the action obvious and lets the explanation remain human.

Dark surface / optical size 14

12 px / 500

8 deployments succeeded. 1 needs review. Median response time is 184 ms.

14 px / 450

Production remains healthy across all three regions. No action is required.

16 px / 400

Contrast, spacing, and sturdy forms stay composed without becoming mechanical.

The default voice carries the Ludic signature. Standards-based stylistic sets restore quieter forms, introduce a more geometric register, or sharpen the typography for data.

Compare each card against the default—the label is the CSS feature tag.

Default / signature

a R I

Distinctive defaults, always on
ss01 / conventional a

a area data

Traditional text register
ss02 / geometric a

a area data

Sharper constructed voice
ss04 / conventional R

R ARRIVE

A quieter capital R
ss05 / barless I

I ILL III

Decorative; avoid for identifiers
ss08 / rounded punctuation

aIRG soft.

Rounded dots and punctuation
tnum / financial

01 08 42 99

Tabular values, conventional zero
ss09 + tnum / identifiers

01 08 42 99

Aligned, unmistakable codes
Tabular

00:08:42
19:56:03

Fractions

1/2 3/4 7/8

Ligatures

efficient affinity

Western + Central European

Crème brûlée · Příliš žluťoučký kůň · Zażółć gęślą jaźń

Vietnamese

Tiếng Việt rõ ràng, sắc nét và đầy nhịp điệu.

Cyrillic / Russian + Ukrainian

Технологии без шума. Український текст із ясним ритмом.

Commerce + navigation

£128 · €240 · ¥9,800 · ₫420 · 42% ↗ → ↓ @ # &

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 &@!?%$€¥→↗↓