Personal site: the mark at size, filament background, work index

Four scroll stages: the mark posed in 3/4 perspective through a bitmap filter, stage rail, edge labels

Wordmark, ChromeFilament, Star, StripRule, Marquee, DitherPanel

Brand pointer — sparkle and hairline figure locked to one point; inverts over white

FrameBox, SpecColumns, ChromeFilament, StarField

Button, IconButton, Card (live parallax), Badge, Tag, Divider, and a dithered filament band

Dialog, Toast, Tooltip

Input, Select, Checkbox, Radio, Switch

Underlined mono tab strip

Coarse bitmap treatment for heroes, accents and degraded states. Never for small sizes.

A real 3D filament that draws itself in and turns as the page scrolls. Scroll inside the frame.

Corner ticks and figure numbers instead of full borders. Arrows mark opposite corners.

Clean vector wordmark. Clear space equals the wordmark cap-height on all sides.

The wordmark minus its letters — a standalone mark for favicons, watermarks and large crops.

Isolated crops of the wordmark's strokes, used as dividers, background accents and motion cues.

The four-point star is the signature ornament. Mix three sizes per cluster; never rotate or colour one.

Checkerboard, diagonal hatch and starred hairline — the loud section breaks. Max two per screen.

Radius is always 0. Edges shear onto the -12° italic axis — a slant, never a curve.

Four states, one idea: invert or don't. Hover draws a rule in and brightens; type never moves.

Mode 1: clean solid vector. Mode 2: halftone dither. Scanlines only over dark.

Archivo regular 15/1.5 at a 68ch measure. Sentence case, no italics in running text.

Archivo black, uppercase, tight tracking — the poster slab that sits under the italic hero.

H2 stays italic; H3 drops to upright bold with wide tracking as the transition into body.

Anybody italic black, wide — a techno-geometric Y2K italic on the wordmark's axis. 30px minimum.

11px mono uppercase at +0.28em — the most-used text treatment in the system.

JetBrains Mono carries all technical content: commands, paths, versions, tags.

10 → 148px, 1.333 ratio. Sizes below 15px are mono only.

11px mono at +0.62em sitting in a gap in a hairline — the system's section marker.

11px mono, ragged right, two or three columns — the poster caption wall. Justify only past 45 characters.

A flat silver ramp for hairlines and tints. Chrome as a material is 3D only — never a CSS gradient.

The whole palette: logo black #231F20 and white. Everything else is a ramp between them.

Dark-first surfaces. 900 is page, 800 is card, 700 is the logo ink.

Text and hairlines on dark; surfaces in the light print register.

No color, ever. White is the highlight; chrome is the accent; states are grayscale.

24px pad, 12px label-to-title, 16px title-to-body, 24px body-to-meta.

4px grid, 2 → 192px. Sections use 96/48; controls 8/16.