← back to the gallery

Aboard HR: white people-operations landing with blurred kinetic copy and pastel dashboards

Tier
inspiration
Roles
hero, explainer, feature, capability, closing, footer
Feel
light, saas, playful, depth
Motion
pan, kinetic, reveal
Source
public-site
Site
https://aboardhr.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/4d4ca898-f81f-4e7d-bbc9-598d3ca25801.mp4
both: https://aboardhr.com/

What it does

A white hero introduces people operations with a second headline line that changes through a pink blur transition. A dashboard sits inside a large pink field below the actions. Everyday HR, team belonging and employee-growth sections use pale blue and violet interface frames, photo cards and concise supporting text.

Section roster

1. Headline with changing pink phrase. 2. Pink dashboard showcase. 3. People-first explanation. 4. Everyday HR features. 5. Belonging and employee portal examples. 6. People-growth tools. 7. Closing invitation and footer.

Why it works

Pastel frames separate product areas without competing with the white interface screenshots. The changing headline adds a small expressive moment, while employee photographs keep the page connected to people.

Source and capture notes

Refero [style page](https://styles.refero.design/style/fabacd2a-acb6-46c4-939c-4a464df15440) and [recorded video](https://images.refero.design/styles/refero.design/video/4d4ca898-f81f-4e7d-bbc9-598d3ca25801.mp4); [live site](https://aboardhr.com/) checked on 2026-10-06. 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.