Two typefaces. Two colors. No decoration.

The wordmark is traced directly from Megrim's own letterforms — not live text. It's one SVG, one color, and it never needs the font installed to render correctly.

Clear space: leave a margin at least as tall as the "Y" on every side. Nothing else — text, edges, other marks — should sit inside that zone.

The favicon is just the "Y" — the one glyph that reads as a mark on its own at 16px. Same trace, same rules: black on white, no recoloring.

Do

Use it in pure black or pure white, at any scale, with room to breathe.

Don't

Stretch, skew, or otherwise distort the proportions.

Don't

crowded

Crop its clear space or pack other elements against it.

Don't

Place it on a mid-tone background where it loses contrast.

Two colors, full stop. Gray exists only to quiet down secondary text — it is never a brand color in its own right.

Megrim is the voice. Cantarell is the conversation. If it needs to grab attention — a headline word, a button, a label, a title — it's Megrim. If it needs to be read comfortably in a sentence, it's Cantarell.

Every surface is a box: hard corners, 1–2px black borders, no shadows except the offset-punch under primary buttons.

The 3×3 dot grid from the homepage hero is the one piece of "brand graphic" YLabs has. A single cell drifts to a random neighbor every couple of seconds — never a straight sweep, never metronomic — and pauses the moment you hover it so any cell can be triggered by hand.

• Reuse it as hero or section imagery — never as decoration inside body copy
• Keep the timing random and unhurried; a fast or linear sweep reads as a loading bar, not a brand mark
• Always black cells on a white grid — no color, no gradients