Skip to content
Site volume
Colourway

Brand

Type

Anybody for display, Schibsted Grotesk for text, Shantell Sans for lettering, Geist Mono for code: the roles, sizes and floors on screen, paper and slides.

  • Stable
On this page

Applies to

  • Site
  • Docs
  • MAX//OS
  • Print
  • Documents
  • Email
  • Social
  • Slides

Rules

10 rules: 8 must, 2 never

Book version

1.0.0, the system's version; every change is a changeset on the changelog

Last verified

24 October 2026, commit 726d192, 83 looks (press check)

Three families do the talking and a fourth only handles code. Anybody is a poster face with a width axis: near-normal and upright for page heads, stretched wide or squeezed condensed for a few words of poster. Schibsted Grotesk is the reading face, built for long text at small sizes. Shantell Sans letters the comic balloons in capitals, like a letterer's hand. Geist Mono stays inside code.

The rules keep the loud part loud and the reading part quiet: one display moment per view, the wide and condensed voices on three words or fewer, sentence case everywhere, and sizes that never drop under their floor on screen, on paper or on a slide. Display type prints twice, the second ink slightly off register, the way a two-colour press prints, and only where it is big enough to read as print and not as blur.

Rules#

The type rules: 10 rules: 8 must, 2 never
IdRuleWhyChecked by
BB-TYPE-01MustUse Anybody for display, Schibsted Grotesk for text, Shantell Sans capitals only in balloons and captions, and Geist Mono only in code.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, SlidesEach family has one job, so a reader learns the system in a page: posters shout in Anybody, reading happens in Schibsted, people talk in Shantell.Lintmk/mono
BB-TYPE-02MustWrite in sentence case everywhere; capitals only in stamps, SFX and comic lettering.Applies to: Every channelSentence case reads fastest and keeps the capitals for the moments that should feel printed.Lintmk/uppercase; check:docs headings
BB-TYPE-03MustMeet the type floors of the type page for screen, print and slides.Applies to: Every channelThe floors are where text stops being comfortable to read: the APCA lookup on screen, the printer's minimums on paper, the back row of a room on slides.Press checkrule 3; the press artwork and deck tests
BB-TYPE-04MustPrint one display moment per view at Studio and one per section at Press; set the wide, condensed and italic voices on three words or fewer, on one line.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, SlidesOne poster moment is a headline; three are a ransom note. The width extremes only read on a few words.Press checkrule 11, type discipline
BB-TYPE-05MustPrint the second ink only on display type of 2 rem or more (section heads from Press), and never under more contrast.Applies to: Site, Docs, MAX//OS, Social, SlidesBelow 2 rem the offset reads as blur (D-D6); readers who ask for more contrast get one clean print.Lintmk/second-ink-role
BB-TYPE-06MustSet numerals tabular and lining; use a slashed zero only in codes and ids.Applies to: Every channelTabular figures line up in tables, prices and dates; a slashed zero in prose looks like a typo.Manual review
BB-TYPE-07MustKeep running text to 70 characters a line with a leading of 1.5 or more, and balloons and captions to 35 words.Applies to: Site, Docs, MAX//OS, Documents, SlidesLong lines and tight leading tire the eye; long balloons belong on a words panel in Schibsted.Press checkrule 11, type discipline
BB-TYPE-08NeverUse synthetic bold or italic, tracked body text or justified text.Applies to: Every channelThe families ship the weights and italics they need; faked styles, tracking and justification break the spacing the type was drawn with.Manual review
BB-TYPE-09NeverSend an editable file that needs the fonts installed; PDFs and decks embed them.Applies to: Print, Documents, SlidesA file that falls back to a system font loses the brand on the client's machine. Embedded fonts print the same everywhere.Testpdffonts on every press PDF, document and deck
BB-TYPE-10MustIn email, set text in Helvetica, Arial, sans-serif and the wordmark as an image; it is the only sanctioned fallback.Applies to: EmailEmail clients strip web fonts, so the signature names a stack every client has and carries the wordmark as a picture.Testthe signature tests

Specs#

The families#

The four families, all under the SIL Open Font License
FamilyIts jobSpecimen
AnybodyDisplay: page titles, section heads, SFX, splash titles, numerals and the wordmark. Its width axis gives the standard, wide and condensed voices.Print it loud
Schibsted GroteskText: body, labels, controls, tables, forms, documents. Everything a reader has to read.Reads for hours without complaint
Shantell SansComic lettering, in capitals, inside balloons and captions only.Pow, it shipped
Geist MonoCode only: code blocks and inline code, nowhere else.pnpm brand:build

All four are under the SIL Open Font License. Contractors get them from the fonts download: the upstream files, unmodified, with their licence texts. The site serves them from @maxgrits/overprint-fonts.

Display voices#

Anybody's width axis gives the display three voices: standard for page heads, wide italic and condensed for three words or fewer on one line (BB-TYPE-04).

Fresh by noon

Bread and websites

Fernlight, case 03

Standard. Near-normal upright: every heading, every page. data-mk-voice="standard"

Fresh by noon

Bread and websites

Fernlight, case 03

Wide. Wide italic, three words at most: posters and SFX. data-mk-voice="wide"

Fresh by noon

Bread and websites

Fernlight, case 03

Condensed. Tall and tight, three words at most: posters and the dial. data-mk-voice="condensed"

Screen roles#

Every piece of text uses a role, never a raw size. The text roles are fixed or fluid; the display roles grow with the screen and with the volume (shown here at Studio).

Text, Schibsted Grotesk: size in px at each test width, weight and leading
Role39076814401920WeightLeading
lede2021.424244501.4
statement2224.228306001.3
body181818184201.55
body-ui161616164501.5
meta161616165001.4
row-title181818186001.3
field-label161616166001.3
label141414146001.3
control-sm161616167001
control-md171717177001
control-lg181818187001
nav161616166001
code161616164501.6
Display, Anybody (at Studio): size in px at each test width, weight and leading
Role39076814401920WeightLeading
display4862.4881048300.9
head-section323746527801
head-card2426.230327401.05
kicker2426.230327401.1
numeral-xl5664.680889000.9
numeral-l4447.654588800.9
numeral-m3233.436368600.95
numeral-s242424248201
sfx5676.21121289000.85
wordmark212121218201
Lettering, Shantell Sans: size in px at each test width, weight and leading
Role39076814401920WeightLeading
letter-balloon161616165601.42
letter-caption161616165201.5
letter-shout212121217801.1
letter-whisper161616165001.42
letter-note161616165401.4

Documents, business cards and the spec sheet print in points. Print roles never scale with the volume.

The print roles (--mk-type-print-*, classes .mk-type-print-*), in points
RoleFamilySizeWeightLeadingUse
print-titleAnybody, width 10628pt8301a document's title, its one display moment
print-headAnybody, width 10414pt7801.15section heads in documents and the spec sheet
print-bodySchibsted Grotesk10pt4201.45running text
print-tableSchibsted Grotesk9.5pt4501.35line items, totals and spec tables
print-metaSchibsted Grotesk8.5pt5001.35numbers, dates, client blocks
print-labelSchibsted Grotesk8pt5501.3table heads and field labels
print-numeralAnybody, width 10012pt8201.1totals and big figures
print-footerSchibsted Grotesk7.5pt4501.3page footers and slugs
print-card-nameSchibsted Grotesk9pt7001.2the name on a business card, the line name on a sticker
print-card-lineSchibsted Grotesk7.5pt4501.35the role and contact lines on a business card

Quote Q-2026-014

A website for Fernlight Bakery

Issued 23 October 2026 · valid until 22 November 2026 · prepared for Sam Okafor

Scope

A five-page site with online ordering for the morning bake, set up for local search, with a quote form that lands in the shop's inbox.

CAD 4,800.00

Pebblepath studio · example.com · Page 1 of 3

The print roles at size, as the documents engine sets them: label, title, meta, head, body, numeral and footer. Fictional content.

Slide roles#

Slides are a 1920 by 1080 canvas; the display and head roles scale with the volume like their screen twins.

The slide roles (--mk-type-slide-*, classes .mk-type-slide-*), in px on the 1920 × 1080 canvas
RoleFamilySizeWeightLeadingUse
slide-displayAnybody, width 106104px8300.9title and section slides, one per slide
slide-headAnybody, width 10452px7801content slide heads
slide-bodySchibsted Grotesk32px4201.4slide text: at most 40 words a slide
slide-metaSchibsted Grotesk24px5001.35sources, dates and slide numbers

Floors#

The floors: nothing prints smaller
MediumTextFloor
ScreenBody on the site18 px at 420
ScreenBody in UI and forms16 px at 450
ScreenAnything meaningful14 px or more
ScreenAnything at all12 px or more
PrintRunning text9.5 pt or more
PrintMeta and labels8 pt or more
PrintContact lines and footers7.5 pt or more
PrintAnything at all7.5 pt or more
PrintReversed text (paper on ink)8 pt or more, at weight 600 or heavier
SlidesBody32 px or more on the 1920 px canvas
SlidesAnything at all24 px or more

The second ink#

Display type of 2 rem or larger prints twice: the second ink lands off register and stays there at rest. Below that size the offset reads as blur, so smaller type never prints twice, and Quiet and more contrast turn it off (BB-TYPE-05).

Fernlight

Numerals and case#

Numerals are tabular and lining everywhere, so totals, dates and tables line up. A slashed zero appears only in codes and ids. Everything is in sentence case; capitals belong to stamps, SFX and comic lettering (BB-TYPE-02, BB-TYPE-06).

Fallbacks per medium#

How each medium gets the fonts
MediumFonts
WebSelf-hosted from @maxgrits/overprint-fonts; no fallback is ever seen once the fonts load
PDFsEmbedded subsets of the static instances
HTML decksEmbedded in the one file
EmailHelvetica, Arial, sans-serif, with the wordmark as an image: the only sanctioned fallback
Office appsNone: there are no office templates

Do and don't#

Do

Fresh bread, onlineFernlight Bakery takes orders from six in the morning.

One display moment, then the reading text.

Don't

Fresh breadOnline orders from six in the morningTaking orders

Three display lines in three widths, one of them a sentence.

One display moment per view at Studio; the width extremes on three words or fewer (BB-TYPE-04).

Do

Average buildFour weeks, start to launch

A sentence-case label at the label role's size.

Don't

Average buildFour weeks, start to launch

A tiny, tracked, all-caps micro-label.

Sentence case everywhere, and nothing meaningful under the floor (BB-TYPE-02, BB-TYPE-03).

Do

Open late

The wide italic voice on two words.

Don't

Fernlight Bakery is open late on Fridays and Saturdays, with fresh loaves until ten

The wide italic voice on a whole sentence.

Wide, condensed and italic voices only on three words or fewer, on one line (BB-TYPE-04).

Files#

Kit files, built from version 1.0.0
FileWhat it isFormat and sizesha256Built by
makr-labs-fonts.zip/brand/downloads/makr-labs-fonts.zipThe four type families, the upstream files unmodified, with their OFL textsZIP archive, 1.2 MB97779c8715405dd238b5a76a43c27f793680b18b2028e35d5b5e446e42888145overprint-gen brand --only fonts