design system · v1.0

Maka

Warm, earthy, slightly retro-terminal. Dark by default, paper-light on request. Every color, border, and letter-spacing on this page derives from tokens.css — recolor the whole system by editing one file.

read the docs →

components / buttons

Buttons

hover a ghost button — the brown frame turns orange. that frame is the maka signature.

components / cards

Cards

Plain card

A surface with the 2px frame. Hover strengthens the border; nothing shouts.

Header and footer rows use the same 2px rule as the outer frame.

Link card →

Interactive cards earn the orange frame on hover. Try it.

components / forms

Forms

hostname lowercase, a–z and dashes

region

ssh public key error: key is truncated

notes

auto-restart public ip gpu (soon)

small medium large

components / table

Tables

process	owner	status	cpu %	mem
maka-kernel	root	running	2.4	128 MB
fs-daemon	root	running	0.8	42 MB
net-stack	system	degraded	11.6	96 MB
shell	user	idle	0.1	8 MB
updater	system	crashed	—	—

components / code

Code

Inline code like --mk-accent sits in a small well. Blocks get a labeled bar:

boot.sh

# bring up a maka node
$ maka init --profile=warm
$ maka theme set "roasted"

if status == OK {
  emit("ready")   # amber strings, orange keywords
}

components / alerts

Alerts

[ info ]

Neutral notice. Same frame, no tint — information shouldn't shout.

[ ok ]

Build complete. Sage green, kept earthy to stay in the palette.

[ warn ]

Disk at 81%. Amber highlight doing its one job.

[ fail ]

Connection lost. Warm red — alarming, but still in the family.