Claw Sans. Open by nature.
Claw Sans is our original humanist sans serif: open, approachable and made for everyday reading. Ten styles share open counters, steady proportions and carefully fitted spaces.
Room for
your next idea.
Open forms. A steady rhythm. A family with the range to speak softly, explain clearly and make a point.
A little help goes a long way.
Good typography makes the next step feel natural. A title gives you direction. A subtitle adds context. The details stay easy to read.
You stay in control. And when a thought needs a little warmth, there is room for that, too.
Five weights · roman and italic · original outlinesMade for reading.
Explore the family at everyday sizes, on light and dark surfaces. Open counters, distinct letterforms and carefully fitted spacing keep attention on the words.
A little possibility.
A little help, whenever you need it. OpenClaw gives your ideas room to grow. Plan a journey, find the right words, or make time for what matters. You stay in control.
minimum · attention · thoughtful · café
I l 1 · O 0 · 0123456789 · £128.50
Line height 1.65 · natural spacing · real font styles. Sizes scale with your text preferences. Choose Regular or Medium for small text; reserve Light for generous headings.
A full range. A deliberate choice.
Light belongs in generous titles. Regular carries reading. Medium and Semibold organize the interface. Bold adds emphasis. Each has an italic companion with redrawn details.
Open to possibility.
Open to possibility.
Open to possibility.
Open to possibility.
Open to possibility.
Open to possibility.
Open to possibility.
Open to possibility.
Open to possibility.
Open to possibility.
Actual font files provide every style. No browser-made bold or slant. These are static fonts; a variable weight or optical-size axis is not claimed.
From a page title to a quiet detail.
A useful hierarchy gives each piece of information a job. These are OpenClaw’s web starting points, refined for this family rather than copied from another platform.
Open to possibility.
One clear introduction to a page.
A little room to think.
An anchor for the next idea.
Your next journey
Cards and smaller content sections.
A few useful details, in one place.
Supporting context beneath a title.
Make a little more time for what matters.
Comfortable reading, typically 55–70 characters per line.
Reservation details
A small, clear heading beside ordinary text.
Review your options
Buttons, fields and recurring navigation.
Updated a moment ago.
Secondary explanation, never the only essential instruction.
A WORLD OF POSSIBILITY
A brief category, used sparingly.
Emphasis, without ambiguity.
Read this in Regular. This is Bold. This is Italic. And this is Bold Italic.
Titles, subtitles and emphasis keep their relationships as text grows. Avoid Light for small interface text and long paragraphs in capitals or italics.
A living type specimen.
Single-line advance sums encoded advances and pair kerning after NFC normalization and before wrapping. Ligatures are off in this specimen. It is not the visible ink width. Unsupported scripts use system fallbacks. Pixel values assume the default 16px root. User text enlargement scales the specimen. Raster hinting can adjust outlines at small sizes.
Look inside every letter.
Select a glyph below. Inspect the actual encoded outline, sidebearings and advance of the selected family, weight and posture.
Loading encoded font measurements…
The role specifications.
All sizes use rem in the implementation. Pixel equivalents below assume a 16px browser root. A number sets a starting point; proof the actual words and surface before shipping.
| Role | Size / px | Line height | Weight | Tracking |
|---|---|---|---|---|
| Page title | 40–64 · mobile 34–44 | 1.16 | 500 | −0.02em |
| Section title | 28–36 | 1.25 | 500 | −0.015em |
| Small title | 20 | 1.35 | 600 | −0.005em |
| Subtitle | 18 · mobile 17 | 1.6 | 400 | 0 |
| Body | 17 | 1.65 | 400 | 0 |
| Compact title | 16 | 1.45 | 600 | 0 |
| Control label | 14 | 1.4 | 500 | 0 |
| Caption | 13 | 1.5 | 400 | 0 |
| Eyebrow | 12 | 1.5 | 500 | 0.06em |
Titles adapt on narrow screens. Line height is a multiplier; tracking is relative to the selected font size. Light 300 is an available expressive style for large text, not the default reading weight.
Details with a purpose.
Open, recognisable forms.
Open counters preserve space inside the letters. Distinct I, l and 1 help separate similar shapes in labels, reading and numerical information.
A steady rhythm.
The t sits between x-height and capitals, with a light crossbar and a gentle foot. Sidebearings and pair kerning balance straight, round and diagonal neighbours.
Emphasis with character.
Five weights share the same vertical guides. Each has a purpose-drawn italic, so emphasis stays coherent without a synthetic slant.
Measurements you can inspect.
Every encoded glyph has an outline, advance and sidebearing record. Tabular figures share a 560-unit cell, keeping numeric columns aligned.
- Design grid
- 1,000 units per em
- Capital / x-height
- 700 / 546 units
- Lowercase t height
- 629 units
- Tabular figure advance
- 560 units
- Family range
- 300–700 · five weights · ten styles
- Encoded coverage
- 285 characters per style
Measurements describe the final encoded fonts. Actual appearance depends on size and rendering; the inspector provides the selected style’s exact outline and spacing.
Continue the craft in Fontra.
Open the editable sources in Fontra to work on outlines, sidebearings and kerning in real words. Each of the ten styles is an independent source, with its own measurements and kerning.
The source package includes UFO and Fontra files, the review strings and a build guide. The fixed logo remains its own approved drawing.
Open source, down to the outline.
@font-face {
font-family: 'Claw Sans';
src: url('ClawSans-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
body {
font-family: 'Claw Sans', system-ui, sans-serif;
font-synthesis: none;
font-size: 1.0625rem;
line-height: 1.65;
}