patterns
Hero sections
Five slots, four variants. Headline carries the message, lead earns a second read, one primary CTA does the work.
Read the full specSplit hero — text left, image right
The default marketing hero. Use when the image does real demonstrating work.
Access Control
Replace R1,500 scanners with the phones guards already carry.
WhatsApp-based vehicle scanning. One monthly fee per device. No hardware, no contracts.
Centred hero — manifesto surface
Use when the message is the point. Max-width on the lead, CTAs centred underneath.
A data layer for every safety signal in a city.
Civilian reports, patrols, access scans and chat messages unified into one intelligence surface — used by guards, insurers and cities.
On-brand hero — green background, inverted CTAs
For campaign pages or a thesis slide. Lead sits at 80% opacity on the primary background.
For insurers
Underwrite with ground truth, not postcodes.
Real incidents, reported by the neighbourhoods that live them, structured into the risk signals your actuaries already use.
Anatomy — five slots
Every Wolf hero composes from the same parts. Eyebrow and media are optional — the rest are not.
- EyebrowOptional · ≤3 words · uppercase tracking
- HeadlineH1 · Barlow 700 · 5xl–6xl · ≤2 lines
- Lead1–3 sentences · text-lg · max-w-prose
- CTAs1 primary · ≤1 secondary · verb-first
- MediaOptional · 4:3 or 16:9 · object-cover