pivoshenko-brandlisted

# pivoshenko-brand ## What pivoshenko Is > **pivoshenko is the practitioner's notebook - a dark, monospaced workshop where an engineer thinks out loud.** Every rule below descends from that sentence. If a future decision doesn't fit it, the decision is out - not the sentence. Read this line as the brand's positioning, not its tagline; it's the test, not the marketing. The skill is organized in two layers: - **DNA** - identity decisions that hold *across every substrate* (web, print, video, audio, physical). These don't change when you port to a new medium - **Expression** - how DNA gets rendered *in this substrate* (CSS tokens, hex values, pixel sizes, motion timings). These change per substrate; the DNA above them does not When porting to a substrate this skill doesn't enumerate, hold the DNA fixed and re-derive the expression. The *Porting to a new substrate* section below gives the rubric. ## Files SKILL.md is the entry point. Open references only when the task calls for them - keeps context lean. One rule for the tree: **everything under `preview/` is rendered HTML for a human to look at; everything else is for you to read.** The component cards are the exception worth reaching for - lift their markup instead of reinventing a component. - `colors_and_type.css` - drop-in role tokens (CSS vars as `R G B` triples) + utility classes + 8 `type-*` recipes. Link or inline for any web prototype - `assets/logo-vp.svg` - canonical `VP` tile (32×32, 4px radius, light fill,