← back to the gallery

Grammarly: white writing-assistant landing with pastel suggestion examples and green actions

Tier
inspiration
Roles
hero, feature, proof, capability, explainer, offer
Feel
light, minimal, saas, cold
Motion
pan, reveal, kinetic
Source
public-site
Site
https://grammarly.com
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-08
Captures
frames: https://images.refero.design/styles/refero.design/video/8f8a0e2a-e7d8-43c4-8b96-3b3070c9266f.mp4
both: https://grammarly.com

What it does

A centered writing statement sits above pastel rewrite, tone and proofreading cards. Customer logos lead to alternating text-editor examples for writing quality, personal voice and insights. Green responsible-AI symbols introduce the final offer cards.

Section roster

1. Centered writing introduction. 2. Pastel suggestion cards. 3. Customer logo proof. 4. Writing and voice examples. 5. Writing insights. 6. Responsible-AI symbols. 7. Offer cards.

Why it works

Pastel backgrounds distinguish small editor examples without adding heavy framing. Green actions and symbols tie the practical writing chapters to the closing offer material.

Source and capture notes

Refero [style page](https://styles.refero.design/style/be2af3f3-3886-4d70-973f-f7b5ab8d1a99) and [recorded video](https://images.refero.design/styles/refero.design/video/8f8a0e2a-e7d8-43c4-8b96-3b3070c9266f.mp4); [live site](https://grammarly.com) checked on 2026-10-08. 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 opening retains the same broad white composition. The source ends at offer cards and does not establish the complete footer.