One brand · two system states

Builder Log

Colors respond only to the operating system light or dark preference. We do not store a preference or maintain alternate palettes.

System modes

DayBuilder Logprefers-color-scheme: light
SunsetBuilder Logprefers-color-scheme: dark

Semantic colors

accent--color-accent
surface--color-surface
surface-alt--color-surface-alt
text--color-text
text-muted--color-text-muted
border--color-border

Typography

Instrument Serif

Build, test, document.

Instrument Sans

Readable copy for projects and notes.

Geist Pixel Grid

Builder Log

Spacing

--space-14px
--space-28px
--space-312px
--space-416px
--space-624px
--space-832px
--space-1248px
--space-1664px
--space-2496px

Motion

Brief, calm, and used only when motion clarifies an interaction. Reduced motion always receives a static equivalent.

Controls: 160 ms. The scratch card responds to movement. Content stays still and visible.

Buttons and states

See projectsRead notesAbout

Fields and messages

Enter a nickname to continue.

Entry saved. It will appear after moderation.

Cards and lists

Kart racing

A 3D kart racing game in the browser.

Three.js3D

First note

A place for ideas and lessons from work.

blog