Palette

Background #121113, foreground #ffffff, grays #1e1c1f / #333 / #555. No accent colors.

Typography

Commit Mono. Hierarchy by opacity, not gray hex.

Primary text — opacity 1.0
Secondary text — opacity 0.7 (labels, blockquotes)
Tertiary text — opacity 0.5 (metadata, dates, table headers)
Muted text — opacity 0.3 (null, placeholder)
LOGO 28 h1 18 h2 / title 16 body 14 meta 12 tag 11

Buttons & links

button, .btn, .link-button, .link-button.danger, .spinner.

Link as button plain link

Form controls

Inputs use 16px font-size to prevent iOS focus zoom. All -webkit-appearance: none to kill default iOS chrome.

Switch toggle

Feedback

.error, .success, .empty. No red/green — borders + opacity only.

Something went wrong.
Saved successfully.
No items yet.

Item list

.item-list / .item — stacked with #333 bottom divider.

Admin list

.admin-list — horizontal row with inline actions.

example-item-one
published 2026-04-18
edit
example-item-two
draft 2026-04-17
edit

Tags

rust web css

Table

name status date
first ok 2026-04-18
second ok 2026-04-17

Code

Inline let x = 42; and block:

fn main() {
    println!("hello, darkmatter");
}