← back to the gallery

Front: purple support-platform landing with floating messages and layered team workflows

Tier
inspiration
Roles
hero, explainer, feature, capability, testimonial, proof
Feel
dark, light, premium, saas, depth
Motion
pan, reveal, kinetic
Source
public-site
Site
https://front.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/39320de2-e2da-41d8-b4e3-0f783ae44343.mp4
both: https://front.com

What it does

A dark purple support statement sits above floating email and message panels. Customer marks lead into pale lavender features and cross-team workflow cards. A testimonial, dark operational proof chapter and integration presentation continue the product narrative.

Section roster

1. Dark purple support introduction. 2. Floating email and message panels. 3. Customer marks. 4. Pale lavender features. 5. Cross-team workflow cards. 6. Testimonial. 7. Dark operational proof. 8. Integration presentation.

Why it works

Layered messages make the collaboration subject visible immediately. Purple establishes a consistent brand environment, while lighter interface chapters provide space for denser workflow explanations.

Source and capture notes

Refero [style page](https://styles.refero.design/style/3281b445-805b-4dc7-933f-42b544a6d798) and [recorded video](https://images.refero.design/styles/refero.design/video/39320de2-e2da-41d8-b4e3-0f783ae44343.mp4); [live site](https://front.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. The current hero emphasizes teams and AI agents working together. The recording ends within integrations rather than establishing the full footer.