Brand System v2

Events delivered
clearly and safely.

The Hookwing design language — tokens, components, typography, motion, and voice for every surface we ship.

Explore components View palette
3
Font families
24
Semantic tokens
5
Motion curves
4
Pricing tiers
01 — Color system

A palette built on restraint.

Three brand anchors. A complete semantic token layer. Full dark mode support.

Brand anchors

Deep Blue
#002A3A
--color-brand-primary
Green
#009D64
--color-brand-action
Signal Yellow
#FFC107
--color-brand-signal

Neutrals + semantic states

Ink
#0B1220
--color-ink-strong
Muted
#475569
--color-ink-muted
Border
#DCE3EA
--color-border
Surface raised
#F1F5F9
--color-surface-raised
Cloud
#FDFBF4
--color-bg
Success bg
#EDFAF4
--color-success-bg
Warning bg
#FFFAE8
--color-warning-bg
Error bg
#FFF5F5
--color-error-bg
02 — Typography

Space Grotesk meets Inter.

Technical precision in headings. Warmth and legibility in body copy. Functional clarity in code.

--text-display
72px · 700 · Space Grotesk
Ready for takeoff.
--text-h1
52px · 700 · Space Grotesk
Deliver with confidence.
--text-h2
38px · 600 · Space Grotesk
Retry logic that holds.
--text-h3
28px · 600 · Space Grotesk
Event routing at the edge.
--text-body-xl
20px · 400 · Inter
Start free and ship event delivery with confidence. Hookwing handles retries, signatures, and replay — so you don't have to.
--text-body-md
16px · 400 · Inter
Replay failed deliveries in seconds. Track event flow end to end. Built for developers, ready for AI agents. Webhook infrastructure that gets out of your way.
--text-code
14px · 400 · JetBrains Mono
POST /v1/events/replay/{"{event_id}"}
--text-label-sm
12px · 600 · UPPERCASE
Reliability Platform · Developer Tools · AI Ready
03 — Components

Every surface covered.

Consistent variants, accessible states, and semantic intent built in.

Buttons

Badges + chips

Default Hookwing Pro Delivered Retrying Failed New 3 events/sec Tutorial 8 min read

Form inputs

We'll send POST requests here.
Event type cannot be empty.

Cards

Deliveries
99.97%
Success rate across all endpoints — last 30 days.
Latency P95
42ms
95th percentile delivery latency across regions.
Queued events
1,284
Events awaiting delivery across all active endpoints.

Code block

TYPESCRIPT
// Verify webhook signature and replay failed events const hookwing = new Hookwing({ apiKey: process.env.HOOKWING_KEY }); const event = await hookwing.webhooks.verify({ payload: req.body, signature: req.headers['x-hookwing-signature'], }); if (event.status === 'failed') { await hookwing.events.replay(event.id); }
04 — Motion

Purposeful. Not decorative.

Every transition aids comprehension. Click each track to play the easing curve.

Standard · cubic-bezier(.2,.8,.2,1) · 200ms — most UI transitions
Spring · cubic-bezier(.34,1.56,.64,1) · 320ms — playful, use sparingly
Decelerate · cubic-bezier(0,0,.2,1) · 200ms — elements entering screen
Linear · linear · 200ms — spinners, progress bars
05 — Spacing

8-point grid. Named tokens.

Every space is intentional. Every token is named to communicate purpose.

--space-14px · hair
--space-28px · tight
--space-312px · snug
--space-416px · base
--space-524px · comfortable
--space-632px · roomy
--space-848px · open
--space-964px · spacious
--space-1080px · airy
06 — Tier system

Aviation tier naming.

Four tiers. One clear naming system. Pricing that respects what developers are building.

✈️
Paper Plane
$0 / month
For builders just getting started.
  • 10,000 events/mo
  • 7 days retention
  • 3 endpoints
  • Community support
🛩️
Biplane
$19 / month
For teams shipping at pace.
  • 250,000 events/mo
  • 30 days retention
  • Unlimited endpoints
  • Email support
🛡️
Warbird
$79 / month
For products at scale.
  • 2M events/mo
  • 90 days retention
  • Priority support
  • Custom domains
🚀
Jet
Custom
For organizations with real volume.
  • Unlimited events
  • Custom retention
  • SLA guarantee
  • Dedicated support
Ready for takeoff

Start shipping with confidence.

10,000 events free. No card required. Up in minutes.

Start free Read the docs →