termizen [0.5.0]

A system for functionalist software

Built for tools that show you their state instead of decorating it. A console, a job runner, this site, and a printout — one accent, no shadows, no rounded corners.

zero radius

No rounded corners at any scale, including buttons, badges and images.

no shadows

Elevation is a hairline and a surface step, never a blur.

mono is the interface

Every label, control, number and heading is Geist Mono. The pixel face is display only; the grotesk is for prose only.

one accent

Orange marks the active thing. If a screen looks orange, it is wrong.

mechanical motion

60 to 160ms, linear or stepped. Nothing bounces.

in use

live

Isolation belongs in Storybook. This is the thing a gallery cannot show — whether the parts read as one system when they sit next to each other.

JOB CONTROLnominal

READOUTT+00:04:12

queue depth: 1,204 rows
throughput: 26.0 kHz
gain: +0 dB
latency: 12 ms
state: nominal
target: rack-7

reaches

3 layers

Tokens are framework-free CSS. Classes cover every primitive that needs no behavior, so a Python or Go surface links one file. React is only the controls whose behavior is hard to write and invisible when wrong.

layer 1

tokens

@termizen/tokens/styles.css

anything that renders css

layer 2

class

@termizen/tokens/termizen.css

markup: python, go, email, print

layer 3

react

@termizen/react

only where behavior is required

start here

6 foundations

One accent, five ramps, and a set of semantic roles that re-point when the theme flips.Color→Three faces on integer-pixel scales. Geist Mono is the interface, Instrument Sans is prose, Departure Mono is display at multiples of 11px.Type→An 8px doubling grid for flowing surfaces, a 4px scale for control interiors, and a frame built from hairlines.Space→ASCII lattices drawn in CSS. One textured region per view, never behind text.Texture→Three durations under 160ms, linear or stepped. Named clocks for lamps, cursors, and spinners. Nothing eases.Motion→Semantic CSS classes for every primitive that needs no behavior — so Python and Go surfaces get the system too.Layer 2→

consume

sibling path, local build

Clone the repository next to the app. Token CSS needs no build; rebuild the react package after a pull. Do not install from a git URL — dist is not in the tree. Markup surfaces link termizen.css and stop there.

package.jsonjson

{  "dependencies": {    "@termizen/tokens": "file:../termizen/packages/tokens",    "@termizen/react": "file:../termizen/packages/react"  }}

app roottsx

import '@termizen/tokens/termizen.css';import { Theme, Button } from '@termizen/react';<Theme>  <Button>run job</Button></Theme>