Typography

Meraki and Söhne — softness paired with precision. A serif that carries the voice, and a grotesk that carries the information.

01Main typeface

Meraki

Meraki is Littlebird's typographic voice: human warmth, clear intelligence, calm confidence. Rooted in the Greek idea of putting soul into your work, it balances classic serif credibility with contemporary softness. Used for headlines, in one weight: regular.

The relief of being known.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Regular

One weight, and that is the whole family. If a headline needs more emphasis than Meraki Regular gives it, the headline is too long.

02Secondary typeface

Söhne

Söhne (Klim Type Foundry) brings clear, modern utility to balance Meraki's warmth. Its neo-grotesk structure is calm and precise — perfect for product UI and dense information. Used for body copy and captions in Buch (regular) and Kräftig (medium) to quietly emphasize words; Halbfett appears in product UI.

Littlebird keeps track of the details, so you can focus on the big picture.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Buch Kräftig Halbfett

Buch is the default. Kräftig carries emphasis and labels; Halbfett is reserved for product UI.

03Hierarchy

Reading order

Each role carries its full setting, and each specimen is rendered at exactly its values — if the two ever disagree, the specimen is the bug.

Headline

Meraki Regular  |  Sentence case  |  38px  |  Leading 115%  |  Tracking −1%

A second mind

Left-aligned. Centered only inside product layouts.

Subhead

Meraki Regular  |  Sentence case  |  25px  |  Leading 125%  |  Tracking 0

Quiet, confident, on your side

Tightening starts around 30px — below that, leave tracking alone.

Body

Söhne Buch  |  Sentence case  |  15px  |  Leading 140%  |  Tracking 0

Littlebird works behind the scenes to understand the information that matters for your personal workflow.

Always left-aligned. Never justified, never centered.

Emphasis

Söhne Kräftig  |  Sentence case  |  15px  |  Leading 140%  |  Tracking 0

More trust, more momentum, more time.

Weight carries emphasis. Never italics, never underline.

Label

Söhne Kräftig  |  Sentence case  |  11px  |  Leading 130%  |  Tracking +2%

Captured · Private · Yours

The one place tracking opens up — and it stays sentence case.

Headlines tighten as they grow — roughly −1% tracking around 30px, easing to −2.5% above 90px, with leading between 100–120%. Body copy stays at neutral tracking with 120–140% leading.

04Setting type

Sentence case, always

Headlines are always sentence case. Body copy is always left-aligned; headlines may center only inside product layouts. Keep line lengths short and balanced — break lines so no ending gapes.

Let's keep your brain on the big stuff.
Correct — sentence case, natural tracking and leading.
Let's keep your brain on the big stuff.
Incorrect — never set primary text in uppercase or add tracking.

05Swash capitals

Swash capitals

Meraki carries a full set of swash capitals, A to Z, in stylistic set 1 (ss01). They open headlines set over brand imagery — the first and last panels of a social post, and cover art inside the product. Everywhere else, Meraki stays plain.

One memory. Every hat.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Swash the capital that opens each sentence, and only that one — never a name, never every word. Headlines only: subheads, body copy, and UI stay plain.

We’ve got something to tell you
Correct — the opening capital, over imagery.
One memory. Every hat.
Correct — one per sentence.
Keeps you on top of work.
Incorrect — flat grounds stay plain.
Ask Priya before Thursday
Incorrect — never a name or a mid-sentence capital.

To set one, apply stylistic set 1 to the capital alone. In CSS, wrap it in a span with font-feature-settings: "ss01"; in Figma, select the letter and turn on stylistic set 1 in the type details panel.

06Misuse

Do not

Helps you stay organized
Do not apply effects to type.
Helps you stay organized
Do not increase the kerning.
Helps you stay organized
Do not rotate text — except exactly 90° for vertical applications.
Helps you stay organized
Do not invert the roles of the typefaces.
Helps you stay organized
Do not set primary text in uppercase.
Helps you stay organized
Do not increase the leading.

07Licensing

Licensed, not distributed

Söhne is licensed from Klim Type Foundry. The font files are not included in the brand kit — partners who need them should license them directly from the foundry.