Active Vent
2a design system

Style guide

The shared palette, typography and components for the Active Vent site rebuild. New and migrated pages should be built from these tokens and primitives. This page is noindex.

Foundations

Colour tokens

ink
#0E2A3C
ink-light
#16384D
brand
#0E9384
brand-dark
#0B7A6E
brand-light
#5FC9BC
ember
#E8731A
sage
#3E8E4B
sage-light
#CBE3CE
surface
#F6F5F2
surface-raised
#FAFAF8
surface-teal
#EAF6F4
surface-sage
#F0F7F1
line
#E5E9EC
line-strong
#C9D1D6
copy
#4B5A66
copy-muted
#8A97A0
Foundations

Typography

Archivo — headings

Healthy homes start with airflow

The science of cross-ventilation

Where the moisture really comes from

Inter — body

Large lead paragraph. Warm, humid air with nowhere to go meets a cold surface until it soaks into the wall — the fix is airflow, not sealing.

Body copy in brand-dark links, with muted secondary text for captions and metadata.

Components

Buttons

Large link button
Components

Cards

Product

Active Weep Vent

A slim wind-powered vent that inhales and exhales at a single point.

Linked card

Cross-Ventilation

Hover me — the whole card is a link with a lift on hover.

Compliance

Awaab's Law

The fastest compliant fix for damp and mould in rented homes.

Components

Cited stats

6.5M
English homes affected by damp & mould
Source
19–43 l/s
Whole-dwelling ventilation required (Approved Doc F)
Source
65%
Safe relative-humidity ceiling (Approved Doc C)
Source
10–15 L
Water vapour an average household adds per day
Components

CTA band

Let the wind do the work

Active Vent is the world's first, patent-protected wind-powered cross-ventilating vent — keeping cavities dry and homes healthy.

See the evidence

Every claim on this site is backed by a real, linkable source.