← back to the gallery

Surfshark: turquoise VPN product story with dark benefit cards

Tier
inspiration
Roles
hero, proof, feature, offer, closing, footer
Feel
light, saas, playful
Motion
pan
Source
public-site
Site
https://surfshark.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/7e3d9268-e308-4b13-9fac-b901aa0cdb88.mp4
both: https://surfshark.com/

What it does

A rounded turquoise hero surrounds device screens, a VPN connection card and loose graphic marks with a direct security proposition. Below it, mixed-size dark and light cards explain privacy, device protection, antivirus, data removal and support. Photographs and compact proof figures make the service concrete while pink actions stand out.

Section roster

1. Turquoise VPN hero and device collage. 2. Connection security statement. 3. Privacy benefit card grid. 4. Device and antivirus protection. 5. Data removal benefit. 6. Support and personal-data cards. 7. Trust and closing invitation. 8. Footer.

Why it works

The saturated opening gives a familiar security product a distinctive visual identity. Repeating the device UI supplies continuity across the card grid, while alternating light and dark cards prevents the feature list becoming monotonous.

Source and capture notes

Refero [style page](https://styles.refero.design/style/4fc7a535-3c99-4ffe-8365-7d025d33274e) and [recorded video](https://images.refero.design/styles/refero.design/video/7e3d9268-e308-4b13-9fac-b901aa0cdb88.mp4); [live site](https://surfshark.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The current desktop opening can show a newer turquoise scam-protection campaign rather than the recorded device collage. Descriptions of the device hero refer to the recording; the final live captures document the current campaign.