Notifications

Typography

Two font families for all Hermes Intelligence products

Font Families

Manrope
Primary typeface · Body text & headings · Variable weight 400-800
Strategic Intelligence
Palantir-grade intelligence infrastructure for the world's largest corporations.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*() .,:;

Weights

Intelligence
400 Regular
Intelligence
500 Medium
Intelligence
600 SemiBold
Intelligence
700 Bold
Intelligence
800 ExtraBold
JetBrains Mono
Technical typeface · Code & data labels · Variable weight 400-600
const insight = await extract();
pipeline.run({ universe: "pharma", mode: "strategic" });
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*() {}[]<> => -> :: !=

Weights

0x48455243
400 Regular
0x48455243
500 Medium
0x48455243
600 SemiBold

Type Scale

Visual hierarchy from H1 through body and code. Each level rendered live with actual CSS properties.

H1
Hero Headlines
48px / 800
line-height: 1.2
Manrope ExtraBold
H2
Section Headings
36px / 700
line-height: 1.3
Manrope Bold
H3
Subsection Headings
24px / 700
line-height: 1.4
Manrope Bold
H4
Card Titles & Labels
18px / 700
line-height: 1.4
Manrope Bold
Body
Body text for paragraphs, descriptions, and general content across all portal pages.
15px / 500
line-height: 1.6
Manrope Medium
Small
Captions, metadata, secondary descriptions, and supporting text.
13px / 500
line-height: 1.5
Manrope Medium
Code
const config = await loadUniverse("pharma");
14px / 400
line-height: 1.5
JetBrains Mono
Mono Label
STATUS · CATEGORY · PIPELINE
11px / 600
uppercase 0.15em
JetBrains Mono

Line Heights & Spacing

Line Heights

Headings (H1-H3) 1.2 - 1.4
Body Text 1.6
Code Blocks 1.5
Mono Labels 1.4

Letter Spacing

Headings normal
Body normal
Uppercase Labels 0.10 - 0.15em
Alphabet Specimens 0.05em

Spacing

Section gap 60 - 80px
Heading to content 32px
Paragraph spacing 16 - 24px
Card padding 24 - 32px

CSS Snippets

Ready-to-copy code blocks for each text level. Click the copy button to grab the CSS.

H1 — Hero Headlines 
font-family: 'Manrope', sans-serif;
font-size: 48px;
font-weight: 800;
line-height: 1.2;
color: #E2E8F0;
H2 — Section Headings 
font-family: 'Manrope', sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1.3;
color: #E2E8F0;
H3 — Subsections 
font-family: 'Manrope', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
color: #E2E8F0;
Body Text 
font-family: 'Manrope', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
color: #E2E8F0;
Code / Technical 
font-family: 'JetBrains Mono', monospace;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #94A3B8;
Mono Label / Tag 
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #64748B;

Do's & Don'ts

Do
Use Manrope 800 for hero headlines and page titles. The extra-bold weight provides the authoritative, Palantir-grade presence the brand demands.
Don't
Use Manrope 400 (Regular) for headings. It looks weak and undermines the brand's authority. Reserve 400 for body text only when 500 feels too heavy.
Do
Use JetBrains Mono for data labels, status tags, metrics, and code snippets. The monospace font signals technical precision and data credibility.
Don't
Use JetBrains Mono for body text or long descriptions. Monospace fonts reduce readability in paragraphs and break the visual rhythm.
Do
Use Manrope 500 (Medium) as the default body weight. It provides optimal readability on dark backgrounds at 15px.
Don't
Use font sizes below 12px on dark backgrounds. Small text on dark UI lacks contrast and becomes illegible, especially on lower-resolution screens.
Do
Keep the two-font system strictly. Manrope for human-readable content, JetBrains Mono for machine/data content. The separation creates clear visual hierarchy.
Don't
Introduce a third font family. No Inter, no Roboto, no system fonts. Two families are all that's needed. Adding more dilutes the brand identity.