Parvez Kose/Design System / Type

Parvez Kose · Design System

The type system — restrained, monospace-led
01 · Families
JetBrains Mono Variable · 100–900
Parvez Kose
Immersive hero title. Entire classic card surface. Metadata and eyebrows. The computer as authored object.
Fira Code Variable · 300–700
Designing interfaces for intelligence
Immersive subtitle + footer tagline. Ligature-rich contrast to JetBrains. One line at a time — never body copy.
IBM Plex Sans Variable · 100–900
Designed to break the statistical average of the web.
Prose, UI body, forms. Plex has personality — it avoids the Inter-sameness most AI portfolios default to. Default body weight is 400.
IBM Plex Serif Static · 400 only
What the model is actually doing.
Reserved. Blog article H1 only. Appears once per document. Never as body, never as UI.
02 · Scale
72 / 1.0
Display
48 / 1.1
Immersive hero
36 / 1.2
H1
28 / 1.15
Classic hero
24 / 1.3
H2 · Section head
20 / 1.3
H3 · Sub-section
16 / 1.6
Body, intro — 1.6 line-height
14 / 1.7
Prose body — 1.7 for reading
12 / 1.8
Classic bio + small body — 1.8
11 / 1.5
Eyebrow · Nav
10 / 1.5
Footer · Tertiary metadata
03 · Weights — restrained
Aa 300
Light · Display
Aa 400
Regular · Body
Aa 500
Medium · Nav / Heading
Aa 600
Semibold · Rare emphasis
04 · Monospace in use
Eyebrow / small caps
Staff Software Engineer
Nav link hover expands tracking
← Home  ·  GitHub  ·  LinkedIn  ·  Substack
Footer tagline stacked, tracked 0.14em
Agentic systems.
Generative UI.
Visual interpretability.
Ligatures Fira Code · liga + calt
=> arrow  ·  != not-equal  ·  <= lte  ·  ---> long arrow  ·  ::: triple
Code block
// interfaces for intelligence, not templates
const surface = "immersive";
if (surface === "immersive") renderShader();