Skip to content

Repository files navigation

Cal Sans v2

npm packagephobia/install packagephobia/publish interactive showcase

###Every size. Every surface. One file.

Cal Sans is an open-source variable font built for product design and brand in the same breath. One file spans fine-print UI at 8 pt through hero display at 45, adapting its proportions, spacing, and geometry continuously along the way.

Optical adjustments from 45px to 10px Another optical size demonstration with “Scheduling infastructure”

Write it once:

font-family: "Cal Sans";
font-optical-sizing: auto;

That's the whole integration. The font handles the rest.

Commissioned by Peer Richelsen for Cal.com. Drawn, engineered, and shipped by WORDMARK. Free for commercial and personal use, thanks to the SIL Open Font License, Version 1.1.

Made for humans.

Like its namesake product, Cal Sans UI, Cal Sans Text, and Cal Sans Geo are easy to use. Every vector placed to automatically balance geometry or flow just right for you.

Cal Sans A11y, Cal Sans UI, Cal Sans, and Cal Sans Geo in every weight.

Shift the geometry.

GEOM axis demo

GEOM is the axis the others orbit. Slide it and the letterforms travel from accessibility-first neutrality to full geometry, landing on four named families as they go:

A11y (0) • UI (25) • Base (50) • Geo (100)
GEOM axis demo

Four typefaces in one axis. In the standard build, compatible letterforms switch cleanly at the boundaries. In Cal Sans Flex, they even morph between each other, humanist flowing into geometric mid-slide.

Tune the rest.

a (U+0061) interpolating from *wght* 400–700 *opsz* 10

Set the weight, 400 to 700. Raise the ascenders with YTAS for taller, airier headlines. Sharpen the corners with SHRP for display work. Lean into the real italics, drawn at 9.5°, not slanted by the browser.

The named instances cover one optical size and the four weights per family. Every other axis is a tweak from there. That's deliberate: instances are the starting points, the axes are the range.

Full axis documentation lives in fonts/README.

Your words, your way. Customize in 3 toolless ways.

As a Variable font, static font, or custom build, Cal Sans v2 is one of the most adapable typographic systems available.

Sticker Code

№1 Variable stylistic control: the GEOM axis.

Availablity: Modern browsers, font feature-rich applications like Framer, Figma, Photoshop/InDesign/Illustrator/AfterEffects, Affinity. Cal Sans began as a font that had to operate in two worlds, mild-mannered UI and braggadocious marketing. It grew: highbrow design Geo set that would make Ed Benguiat and Paul Renner proud and into even more accessible differentiation combinations, all are addressible using a variable slider.

№2 OpenType features: stylistic sets and character variants.

Availability: Modern browsers, font feature-rich applications like Framer, Figma, Photoshop/InDesign/Illustrator/AfterEffects, Affinity. Available via NPM and Adobe Fonts hosting. Not available when served from Google Fonts API.

№3 Your custom fork: ReCal Sans website

Choose new defaults, axes configurations, lining and freeze opentype features into something new online, no command line or font software needed. Availability: ReCal Sans Font Builder, to create a font with new default settings to work anywhere you can upload fonts, like PowerPoint or Canva, no exposed OpenType features necessary. Hosting for custom builds also available.

Pick your cut.

Every release is a different cut of the same source, sorted and ready in fonts/:

Cut What it is
calsans-var-full Every axis. One file. The default choice.
calsans-var-flex Cal Sans, morphing. Letterforms blend along GEOM instead of switching. The first finished family to ship HOI in the open.
calsans-cossui The lean product build. Alternates subset out, italics style-linked, and opsz re-tuned to peak at 32 pt so headlines hit harder, sooner. Made for Cal.com, ready for Framer.
calsans-static-essentials Two families, sixteen fonts, zero decisions. Start here.
Cal Sans A11y, Cal Sans UI, Cal Sans, and Cal Sans Geo in every style and optical size.

The full catalog (384 static styles, per-family subsets, Google Fonts packages) is in fonts/README.

Build it yourself.

python3 -m scripts

One command runs calBuild, a compiler built for this typeface alone. Using Cal Sans takes one line. Building it takes one command.

Cal Sans VF. The complete variable font, interpolated from the master drawings. calBuild starts by measuring the drawings themselves, taking true stem readings from the letters before a single style is compiled, then lifts the lowercase accents into the room taller ascenders create.

Cal Sans Flex. The morphing build. Powered by avar2, the axes coordinate on their own: shrink the size and the ascenders rise to meet it, for fine print that reads like it was set by hand. And a new HOI interpolation engine moves every point along curves instead of straight lines, so letterforms bend through the geometry as if redrawn, never recalculated.

Cal Sans Statics. All 384, cut from the variable font with the right letterforms already inside, ready for every platform that has never heard of an axis.

Setup, flags, and troubleshooting are in the build README.

Copyright (c) 2026, Mark Davis mark@wordmark.nyc, with typefaces "Cal Sans," "Cal Sans UI," "Cal Sans A11y," and "Cal Sans Geo." Commissioned by Peer Richelsen for Cal.com. This Font Software is licensed under the SIL Open Font License, Version 1.1, available with a FAQ at: https://openfontlicense.org

License

This Font Software is licensed under the SIL Open Font License, Version 1.1. The full license lives in OFL.txt, and is also available with a FAQ at https://openfontlicense.org

Repository Layout

This font repository structure is inspired by Unified Font Repository, modified for the Google Fonts workflow.

About

The home for our Cal Sans font.

Topics

Resources

Stars

1.6k stars

Watchers

11 watching

Forks

Releases

Packages

Used by

Contributors

Languages