A/B PREVIEW · CLOUDFLARE ALERT-INDICATOR PLACEMENT · 2026-05-16

Where should the ↗ cloudflare click-through hint live on alert cards?

The current implementation puts "↗ cloudflare" in the top-right corner of every alert card. On the bandwidth-offloaded card today, the label "bandwidth offloaded (90d)" wraps right under it, crowding the corner. Two alternatives below — pick one and I'll backport into dare_cf_analytics.py.

Each row shows resting state (left, what readers normally see) and hover state (right, what they see when they look directly at the card and may click).

Current

Top-right text — "↗ cloudflare"

— what's on production today

Resting

bandwidth offloaded (90d)

19.9% of 17.6 GB served from edge

critical · cache misses dominating

Hover

bandwidth offloaded (90d)

19.9% of 17.6 GB served from edge

critical · cache misses dominating

Variant A

Relocated to bottom-right pill — "↗ cloudflare"

— more space, paired visually with the verdict pill

Resting

bandwidth offloaded (90d)

19.9% of 17.6 GB served from edge

critical · cache misses dominating ↗ cloudflare

Hover

bandwidth offloaded (90d)

19.9% of 17.6 GB served from edge

critical · cache misses dominating ↗ cloudflare

Variant B

Icon only — just ↗ in the top-right corner

— minimal chrome; tooltip carries the full label

Resting

bandwidth offloaded (90d)

19.9% of 17.6 GB served from edge

critical · cache misses dominating

Hover

bandwidth offloaded (90d)

19.9% of 17.6 GB served from edge

critical · cache misses dominating

Reading the trade-off

Variant A keeps the explicit "cloudflare" word so first-time readers immediately understand where clicking goes. The cost: the bottom of every alert card now has two pill-shaped elements stacked. Visual weight near the verdict — pairs with it.

Variant B drops the word and trusts the conventional "↗" external-link glyph + the hover tooltip. The cost: a first-time reader has to hover (or notice the title attribute) to learn that clicking opens Cloudflare. The win: top-right corner stays clean, label has full width to breathe.

If you don't know which to pick: Variant B is more in keeping with the dare typography (small, restrained, "calm baseline + bold-when-asked"). Variant A is more discoverable for someone reading the dashboard cold. The honest answer probably depends on whether dashboard.dare.co.uk is mostly read by Dan (who knows the convention) or by a guest (who doesn't).