Typography.

New Hero carries the headlines, Inter carries everything you read. The marketing type scale below is the brand standard. This wiki itself runs on a system-font stack — that difference is called out at the bottom.

The two typefaces

Primary · Display

New Hero

Used for main headlines and key messages. Its strong weight delivers high impact, clear hierarchy, and a bold brand presence — ideal for hero sections and primary titles. Bold handles secondary headlines and supporting titles.

Weights in use: Extrabold (hero / H1–H3) · Bold (secondary headlines)

Secondary · Text

Inter

Used for paragraphs and long-form content. Its clean, highly legible design ensures comfortable reading across digital applications. Bold uppercase handles labels, kicker text, and section markers without competing with the headlines.

Weights in use: Semi Bold (kickers / subtext / buttons) · Regular (body / small text) · Bold Uppercase (labels)

Marketing type scale

The desktop scale from the brand guidelines. Samples are rendered in this wiki's font for layout reference — the specs (typeface, weight, size, line height, letter spacing) are the brand standard.

Display DisplayNew Hero · Extrabold
92 / 108 · -2.5px

Heading 1 Heading 1New Hero · Extrabold
72 / 88 · -2.5px

Heading 2 Heading 2New Hero · Extrabold
52 / 60 · -1.5px

Heading 3 Heading 3New Hero · Extrabold
36 / 48 · -1px

Kicker text Kicker (base)Inter · Semi Bold
32 / 32 · 1px

Subtext Subtext (base)Inter · Semi Bold
32 / 44 · 0px

Body text Body (base)Inter · Regular
32 / 44 · 0px

Small text Small textInter · Regular
24 / 32 · 0px

Don't mix too many styles. Avoid stacking bold, underline, and color treatments together. Keep one clear hierarchy per layout.

What this wiki runs on

This internal wiki deliberately ships no web fonts — it renders in the operating-system font stack for speed and zero network cost. From /_assets/wiki.css:

--font-stack: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-mono: "SF Mono", Menlo, Consolas, "Roboto Mono", monospace;

Open question — brand fonts vs. wiki fonts. The brand standard is New Hero (display) + Inter (body), and the Brand Assets library tracks font files (Inter.zip, HeroNew.zip in Drive). This wiki intentionally uses the system stack instead, and the agent design guide states "system fonts only — never web fonts." Both positions are defensible: marketing surfaces should be on-brand; an internal tool can favor zero-latency native fonts. Per the brand consistency rule I have not overridden either side. Decision needed: load Inter on the wiki to match brand body type, or formally scope the system stack as "internal-tools only."

Source: PerkUp Brand Guidelines (Google Drive › PerkUp | Branding › 00_Guidelines › PerkUp Brand Guidelines.pdf, §02 Typography). Font files: Drive › PerkUp | Branding › 02_Fonts (Inter.zip, HeroNew.zip). Wiki stack from /_assets/wiki.css. Last verified 2026-06-07.