← Back to system
Specimen 02

Typography

Inter for body and UI, Instrument Serif italic for editorial accents inside headlines, JetBrains Mono for micro-type and tabular data.

Slide ramp · 1920×1080

Built for the deck stage

Used on slides where we need real presence. These sizes assume the slide is rendered at native 1920×1080 and scaled to fit.

Sizes shown at 50% so they fit the page. Multiply by 2 for the real value.
.ps-h-mega200 / 0.9 / 700letter-spacing -0.045em
347
.ps-h-display128 / 0.95 / 700letter-spacing -0.035em
The trust layer.
.ps-h-title76 / 1.02 / 700letter-spacing -0.025em
Replace the PDF report with a living credential.
.ps-h-section56 / 1.05 / 600letter-spacing -0.018em
Three features, one story.
.ps-h-subtitle44 / 1.2 / 500color ink-soft
A leave-behind for retail and consumer brands.
.ps-lead36 / 1.35 / 400
A Verifiable Credential bundles the claim, the evidence, a digital signature, and an AI chat layer into one tamper-proof share.
.ps-body-lg30 / 1.45 / 400
Pulled from the brand voice — direct, generous with space, not afraid of a good serif accent.
.ps-body26 / 1.5 / 400
Default body weight on slides. Used inside cards and feature grids.
.ps-small22 / 1.5 / 400
Sub-labels, captions, and meta-text on slides.
.ps-eyebrow22 / 0.04 tracking / 500
For retail & consumer brands
Web ramp · 16px base

Built for product UI and marketing pages

Same proportions, scaled to a 16px base. Use these on landing pages, dashboards, internal tools.

.ps-web-display72 / 1.02 / 700
Make every claim verifiable.
.ps-web-title48 / 1.05 / 700
A canonical home for every SKU.
.ps-web-section36 / 1.15 / 600
How the three fit together
.ps-web-subtitle28 / 1.25 / 500
A weightless body serum that hydrates with hyaluronic acid and sea kelp.
.ps-web-lead20 / 1.45 / 400
Tamper-proof credentials, verifiable product pages, and evidence-backed campaigns. One platform.
.ps-web-body16 / 1.55 / 400
Default web body. Comfortable for paragraphs, descriptions, and explanatory copy alongside UI components.
.ps-web-small14 / 1.5 / 400
Caption, helper text, footer text. Use sparingly.
Decorative

Serif italic & mono

Serif italic tucks inside a sans headline to add warmth and editorial weight on a single emphatic word. Mono handles micro-type, IDs, codes, timestamps.

.ps-serif used inline in a headline
Sustainability claims live on faith.
.ps-mono used as label / micro-type
CREDENTIAL · CF-2026-ACME 12 / 15 PLATFORM v1 · 2026 pocketseed.io/p/aqua-serum