Goodnotes: clear tablet-first note-taking walkthrough

Tier: inspiration
Roles: hero, explainer, feature, proof, offer, footer
Feel: light, saas, minimal, playful
Motion: reveal, pan, stack, tabs
Source: public-site
Site: https://www.goodnotes.com/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-10-01
Captures: frames: https://images.refero.design/styles/refero.design/video/881329e1-15f0-4caf-8d14-2b3aac9e86af.mp4
both: https://www.goodnotes.com/

What it does

A note-taking product leads with a clean white hero and a large tablet workspace, then alternates handwritten examples with concise workflow explanations.

Section roster

1. Tablet-workspace hero and signup. 2. Writing, PDF and document tools. 3. Collaboration and organization features. 4. Customer proof and product links.

Why it works

The handwritten marks and real interface show what the tool does without asking visitors to imagine the workflow.

Source and capture notes

Refero [style page](https://styles.refero.design/style/c7fe6b78-9ce3-4d69-a3f0-b8310c779e7a) and [recorded video](https://images.refero.design/styles/refero.design/video/881329e1-15f0-4caf-8d14-2b3aac9e86af.mp4); [live site](https://www.goodnotes.com/) checked on 2026-10-01. The recording is a point-in-time reference; current site content may differ. Motion and layout notes come from sampled frames and an automated live capture, not interaction testing.