Brand book · public · v0.9

The marks, type, color, and voice that make Krytz feel like Krytz.

If you're writing about us, building an integration, designing a co-marketing piece, or porting the look into another surface — start here. Everything is free to use within the guidance below.

last updated May 14, 2026 maintained by design@krytz.in license public, no attribution required
01 · Mark

The mark. One circle, one sparkle.

A bordered circle and a four-pointed sparkle. The sparkle carries the brand color; the circle stays the surface color. Use the wordmark with the sparkle glyph only at the end — never inside the word.

on cream
Krytz
on ink
Krytz
02 · Color

Navy. Gold. Two creams. Everything in between is ink.

Krytz uses a navy primary with gold as the premium-CTA accent — against warm creams and ink. Status colors stay muted: we use them where data needs to be read, not where decoration would be nice.

Brand · navy
#1B2A4A
Navy · hover
#2C3E6B
Gold · CTA
#C8A45A
Gold · hover
#D4B46C
Cream · primary
#FAF8F5
Cream · surface
#FFFFFF
Cream · inset
#F3F0EC
Ink · secondary
#6B7B99
Status · action
#D4574B
Status · blocker
#D49B4B
Status · done
#4B9B6B
Status · info
#5B8EC9
03 · Type

DM Sans for the voice. DM Mono for the receipts.

Sans for everything readable. Mono for everything traceable — counters, labels, timestamps, activity history lines. Tight letter-spacing on display sizes; looser on metadata.

FamilyDM SansWeight600Size64 / -3.2%
A system that tells you what to do.
FamilyDM SansWeight500Size32 / -2%
Reasoning is attached to every decision.
FamilyDM SansWeight400Size17 / -0.5%
Krytz absorbs the captures, reconstructs the live state, and commits to one primary action. The rest is intentionally quiet — there's a reason; you can tap it.
FamilyDM MonoWeight500Size22 / -1%
0.94 · pressure · 64 · queue 3
FamilyDM MonoWeight500Size11 / 8%
EYEBROW · SECTION LABEL · METRIC
04 · Voice

Direct. Confident. With reasoning attached.

We tell users what to do, and we explain why. We don't hedge. We don't gamify. We don't pretend complexity is simple — we earn trust by being legible.

✓ Do

"Send the Asha proposal. It's blocking the launch and the deadline shifted forward."

Direct verb · execution frame · reasoning attached.
✕ Don't

"You might want to consider possibly looking at the Asha proposal when you have a moment 😊"

Hedge stack · emoji softness · zero signal.
✓ Do

"3 tasks deferred. 1 blocker. You're on track for the Friday launch."

Numbers first · status second · no hype.
✕ Don't

"🎉 You're crushing it today! 12 tasks completed! Keep up the streak!! ✨"

Vanity metrics · streak manipulation · brand-violating cheer.
05 · Icon set

One stroke. Square frame. No flourish.

All icons live on a 24×24 grid with 1.5px strokes and 2px corner radius. Filled only where status matters (blockers, primary actions). Otherwise outline.

06 · Tokens

The grid. Eight steps. Four radii.

Krytz spacing is an exponential scale starting at 4px. Radii bias toward soft — every container is between 8 and 28px depending on size.

Spacing scale

s-14 px
s-28 px
s-312 px
s-416 px
s-624 px
s-840 px
s-1072 px
s-12128 px

Radii

r-18 px
r-212 px
r-316 px
r-422 px
r-528 px
Pills use 999px for full-rounding · all interactive elements inherit r-1 minimum
07 · Download

Take what you need.

The full brand kit — logos in SVG, color tokens in CSS / JSON, the icon set as a sprite sheet, type specs as Figma styles. Public license, no attribution required.