Edge Protection — Typography Reference

EDGE PROTECTION DESIGN SYSTEM · RECURSIVE VARIABLE FONT

One font, 15 roles. CASL encodes warmth — human-facing text is casual, machine output stays clinical. MONO separates prose from data. slnt adds energy to navigation. The gradient creates two tonal registers from a single font load.

https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,[email protected],300..900,0..1,0..1,0..1&display=swap

wght

300–900

Weight

MONO

0–1

Proportional → Monospace

CASL

0–1

Linear → Casual (warmth)

slnt

-15–0

Upright → Full italic

CRSV

0.5 (locked)

Cursive — not a design variable

BODY 0.6

SUBHEAD 0.3

HEADING 0.2

NAV 0.2

DATA 0

CODE 0

TAG 0

← Human-facing (warm, casual) · Machine output (cold, clinical) →

Display

.t-display

Page titles, hero text

System Overview

wght 300 · MONO 0 · CASL 0
slnt 0 · 36px

Heading

.t-heading

Section headers, card titles

Incident Feed

wght 500 · MONO 0 · CASL 0.2
slnt 0 · 24px

Subhead

.t-subhead

Card subtitles, secondary headers

ACTIVE ENTITIES (1H)

wght 600 · MONO 0 · CASL 0.3
slnt -3 · 14px · ls 1.5px

Body

.t-body

Descriptions, tooltips, longer text

No high-risk entities recorded yet. The deception layer is monitoring 13 active honeypots.

wght 400 · MONO 0 · CASL 0.6
slnt 0 · 13px

Label

.t-label

Sidebar groups, section tags

TEST & ATTACK

wght 600 · MONO 1 · CASL 0.3
slnt -4 · 12px · ls 1px

Tag

.t-tag

Status badges, severity chips

CRITICAL

wght 800 · MONO 0 · CASL 0
slnt -3 · 11px · ls 1.5px

Metric

.t-metric

Big numbers, KPI values

72,481

wght 400 · MONO 1 · CASL 0.6
slnt 0 · 32px · ls -0.5px

Metric Unit

.t-metric-unit

Units next to metrics

req/s

wght 500 · MONO 1 · CASL 0
slnt 0 · 13px · ls 0.5px

Data

.t-data

Table cells, log entries

192.168.1.42 → GET /api/v2/users 200 4ms

wght 500 · MONO 1 · CASL 0
slnt 0 · 13px

Code

.t-code

Inline code, config values

synapse.config.max_body_size

wght 400 · MONO 1 · CASL 0
slnt 0 · 13px · ls 0.5px

Timestamp

.t-timestamp

Log times, event dates

2026-03-23T14:32:07.441Z

wght 500 · MONO 1 · CASL 0
slnt 0 · 11px · ls 0.5px

Nav

.t-nav

Sidebar navigation items

Traffic Overview

wght 500 · MONO 0.5 · CASL 0.2
slnt -2 · 14px · ls 1px

Nav Active

.t-nav-active

Active sidebar item

Traffic Overview

wght 700 · MONO 0.5 · CASL 0.1
slnt -2 · 14px · ls 1px

Link

.t-link

Clickable text, CTAs

VIEW ALL TRAFFIC →

wght 700 · MONO 0 · CASL 0
slnt -15 · 10px · ls 1px

Breadcrumb

.t-breadcrumb

Path navigation

FLEET / SENSORS / SYN-042

wght 700 · MONO 1 · CASL 0.2
slnt -7 · 10px · ls 2.5px

COLORED UPPERCASE

HORIZON SYNAPSE

LIGHT MIXED CASE

Horizon Synapse