zmoki.xyz

Design system

The living guideline for how the digital garden looks and feels. One source of truth for color, type, and components.

Color

Four semantic token families and the full shade scale.

View →

Typography

Type scale, weights, and the Noto Sans / Noto Sans Mono pairing.

View →

Forms

Inputs, labels, the jade action button, focus and error states.

View →

Components

Cards, panels, links, and buttons as reusable building blocks.

View →

Voice & tone

How the digital garden sounds. Curious, plain, personal.

View →