Featured resources · design preview

Video treatment for resource cards

Locked design: a large heroicons play-circleplus a small “Video” badge in the corner. When the link is a YouTube video its thumbnail sits in the background under the brand gradient — just like an uploaded image. Hover to see the icon grow.

Preview:
Video

Beneficial ownership explained

A 4-minute primer on why ownership transparency matters.

Watch
01

With YouTube thumbnail

The 16:9 YouTube thumbnail (maxres, no bars) covers the full card under a lightened brand gradient, so the still shows through more.

Video

Beneficial ownership explained

A 4-minute primer on why ownership transparency matters.

Watch
02

No thumbnail (e.g. PeerTube)

When no thumbnail is available the card is just the brand gradient.


For reference — a non-video card

Unchanged. Only cards whose link points to a video (YouTube or the self-hosted PeerTube) get the ring + badge treatment above — auto-detected, no field to set.

Guide to beneficial ownership registers

A practical handbook for implementing agencies.

Learn more

Cards reproduce the live styling from app/components/Builder/CardsOutline.vue, which now shows this treatment automatically when a card’s link is a YouTube or PeerTube URL — no Directus field needed.