Industrial Integrity — Phase 3 Typography Test

Built for the people who measure everything.

This page validates Manrope display, Inter body, gold accents, button gradients, ghost-border inputs, status badges, and the warm-cream surface system. Every value is sourced from tokens.md.

Display & Headline Scale (Manrope)

display-xl
64px · 1.05 · 800

Aerovortex 9000

display-lg
56px · 1.1 · 800

Air sampling, calibrated.

display-md
48px · 1.1 · 700

Environmental Equipment

display-sm
40px · 1.15 · 700

Quote in 24 hours

headline-lg
32px · 1.2 · 700

Trusted by environmental consultants since 1995

headline-md
24px · 1.3 · 600

Sales · Rental · Repair · Calibration

headline-sm
20px · 1.35 · 600

Bilingual EN/FR · Ships coast to coast

Body Scale (Inter, 1.6 line-height default)

body-lg
18px · 1.6 · 400

ERE Inc. is Canada's full-service environmental equipment partner — sales, rentals, repair, and calibration of air sampling, water quality, soil, and remediation instruments. Used as hero subtext and lead paragraphs.

body-md
16px · 1.6 · 400

From Montréal to coast-to-coast deployments, our team supports environmental consultants, petroleum, mining, pharma, food, cosmetics, and government clients. The default reading size for paragraphs across the site.

body-sm
14px · 1.5 · 400

Authorized dealer for 12+ manufacturers including Dräger, RAE Systems, RKI, and BW. Used for captions, helper text, footer copy.

body-xs
12px · 1.5 · 400

Label Scale (Inter, all-caps, +0.05em tracking)

label-lg
14px · 700

Request a Quote

label-md
12px · 700

Equipment Category

label-sm
10px · 700

Stock · Certified

Buttons

Request a Quote Speak to an Expert Browse Catalog → Gold Standard CTA

Primary uses 135° gradient (#00696b → #32a0a2). Secondary sits on surface-highest. Tertiary uses an expanding underline in --ere-secondary (#7c5800). Gold reserved for high-conversion moments only.

Forms — Ghost Border Inputs

Status Badges

In Stock Certified Calibrated Ships in 24h Authorized Dealer

Background --ere-badge-bg (#ffdea6) on --ere-badge-fg (#271900). Label-md typography, radius-md.

Surface Tonal Layering (the warm-cream system)

Surface--ere-surface · #fcf9f8

Surface Lowest--ere-surface-lowest · #ffffff

Surface Low--ere-surface-low · #f6f3f2

Surface Container--ere-surface-container · #f0eded

Surface Highest--ere-surface-highest · #e4e2e1

No 1px borders, no shadows. Section boundaries communicated through tonal proximity only.

Editorial Moment — Italic Gradient Accent

Trusted by the people who measure everything.

Calibrated to the tenth of a part-per-million.