04 • Typography

Typography

Reference's typographic system anchors all textual hierarchy. Neue Haas Grotesk sustains an executive, precise and elegant voice — clean drawing, stable rhythm and high legibility across titles, interfaces and body copy.

Primary —
Neue Haas Grotesk

Display (var(--font-display)) — Neue Haas Grotesk Display. Use above 20 px.

Text (var(--font-sans)) — Neue Haas Grotesk Text. Use at 20 px or below.

Licensed via Adobe Fonts / Typekit kit lyr2kyu.

Neue Haas
  • Light
  • Regular
  • Medium
  • Semi Bold
  • Bold
Aa

Type Scale

Vary weight to emphasize information without changing size. Rem scale: 1.2 / 1.4 / 1.6 / 2 / 2.4 / 3.2 / 4.8 / 7.2rem.

Display / 96px / Semi Bold

Engineering Excellence

Title / 72px / Semi Bold

Systems that scale

Title / 48px / Semi Bold

Systems that scale while you sleep

Heading / 32px / Bold

Workplace Safety Platform

Subheading / 24px / Medium

Operational Intelligence

Body / 20px / Regular

Applied AI reducing accidents and raising efficiency.

Body / 16px / Regular

Redpine is a technology brand focused on reducing accidents and raising operational efficiency through software and applied AI — starting with Workplace Safety.

Caption / 12px / Bold / Uppercase

Redpine • ID Guide • 2025

Monospace

var(--font-mono)

SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New. Reserved for code, data identifiers and technical UI.

Monospace / 16px / Regular
const risk = await assess({
  location: "sector-4",
  threshold: 0.85,
});
SFMono-Regular · Menlo · Monaco · Consolas

Redpine Brand —
Magnetik

Magnetik by Monga Design, 2025.

Expressão executiva, precisa e elegante. Alta legibilidade, desenho limpo e ritmo estável. Performa em títulos, interfaces e corpos de texto.

Web substitute: Inter Tight (Google Fonts) enquanto licenças Magnetik estão pendentes.

Pesos documentados
  • Light (300)
  • Regular (400)
  • Medium (500)
  • Semi Bold (600)
  • Bold (700)
Magnetik
  • Light — Magnetik 300
  • Regular — Magnetik 400
  • Medium — Magnetik 500
  • Semi Bold — Magnetik 600
  • Bold — Magnetik 700
Rp
Inter Tight (web fallback) • Monga Design 2025