← back to the gallery

Lyssna: research-platform landing with serif headline and floating study cards

Tier
inspiration
Roles
hero, proof, explainer, capability, testimonial, closing
Feel
light, saas, editorial, warm
Motion
pan, reveal, stagger
Source
public-site
Site
https://www.lyssna.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/1e18cb8f-9337-4597-b0b1-8289e5f70bbe.mp4
both: https://www.lyssna.com/

What it does

A centered serif research headline sits on a faint grid above photographs and pastel study-interface cards. Logo proof, a four-card workflow explanation, use-case panels and dark-green sections organize the product story.

Section roster

1. Grid-backed research hero. 2. Participant and study collage. 3. Customer logo rail. 4. Workflow cards. 5. Use-case and testimonial panels. 6. Dark-green solution section. 7. Closing.

Why it works

The serif heading gives a human tone to a technical research tool. Photographs and study cards bridge the people doing research with the software that supports them.

Source and capture notes

Refero [style page](https://styles.refero.design/style/65f775f1-6dcc-4c49-80d2-b5a017b76f59) and [recorded video](https://images.refero.design/styles/refero.design/video/1e18cb8f-9337-4597-b0b1-8289e5f70bbe.mp4); [live site](https://www.lyssna.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.