KZR — Identity System

01 / Principles

Identity principles

KZR-ID-001

Restraint

The interface should not rely on heavy decoration. The main visual force comes from deep navy, ivory contrast, type hierarchy, and space.

Academic tone

Long-form content and key text links retain a serif voice to support reading, archives, notes, and research-oriented material.

Personal mark

The logo is not decoration. It confirms ownership and must remain consistent in navigation, shop, loading, and footer contexts.

02 / Color

Color system

PRIMARY + SUPPORT

Deep Navy

Primary dark background, footer surface, high-contrast panels, and hover fills.

#101827

Ivory

Subject list background, reverse text, and lightweight editorial surfaces.

#F6EFE3

Paper

Base background for resources, blog, notes, and identity documentation pages.

#F7F3EA

Navy Soft

Secondary navy for text headings, lines, and button text.

#15263F

Dark Gold

Link hover states, emphasis text, and small accent moments.

#8D6427

Light Gold

Refined accent color for dark footer surfaces.

#E2C178

03 / Typography

Typography system

SANS + SERIF + MONO

REPERTOIRE

Inter / UI Sans

Used for primary navigation labels, buttons, tags, section labels, UI headings, chips, and control text. Recommended weight: 760–900; primary labels may be uppercase.

Bayesian Notes

Georgia / Serif

Used for body text, subject entries, article paragraphs, the blog reader, quotations, footer link groups, and editorial captions. Recommended weight: 400.

KZR-ID-001

Monospace

Used for IDs, versions, counters, citation formats, timestamps, code-adjacent labels, and compact system metadata.

DisplayLarge page titles use Inter or the system sans stack, uppercase, tight spacing, and strong weight.

NavigationLevel-one nav labels are uppercase and heavy; level-two links are light and quieter.

Editorial textReader pages, long paragraphs, subject rows, and archive links use the serif stack for a scholarly tone.

MetadataCounts, versions, citation previews, and system IDs use monospace for precision.

04 / Logo

Logo usage

MARKS + CONTEXT

Main navigation / light background: use the black KZR mark.

Dark background: use the reversed white treatment and keep the edges crisp.

Elephant mark: suitable for shop, merchandise, and playful entrances. It does not replace the main KZR mark.

Clear SpaceKeep at least one “K” width of clear space around the logo.

Minimum SizeRecommended minimum: 68px in navigation and 96px inside content cards.

BackgroundUse black on light backgrounds and reversed white on dark backgrounds. Add a solid support surface on complex imagery.

Do NotDo not stretch, skew, add excessive glow, or let the mark compete with primary content.

05 / Composition

Composition

PAGE APPLICATION

A multidisciplinary exploration of society, data, and intelligence.

Political Science Machine Learning Finance

Recommended page structure: use deep navy with ivory type for the primary visual area. Lists, subjects, and resource entries may return to ivory surfaces for clearer reading. The third card and footer can use deep navy to anchor the system.

06 / Rules

Usage rules

CHECKLIST

ColorDo not use more than one primary background color in the same view. Deep navy and ivory must have a clear hierarchy.
TypePrimary navigation labels are uppercase and heavy; secondary links use a light weight so they do not compete with the parent label.
LogoLogos serve identification. Do not use them as general illustrations; illustration and logo roles must stay distinct.
MotionMotion should clarify hierarchy, not create complex overlay transitions between adjacent cards.
PagesBlog, notes, resources, and reader pages use the Paper background; key homepage cards use the Navy / Ivory contrast.