See the work in motion.
Start with a short introduction. Then watch a page update, a personal schedule, or a site style change, one task at a time.
These videos use Harborlight Forum, a fictional event. Every instruction appears on screen. Each video has a descriptive transcript.
Introduction
Read the descriptive transcript
No narration. Original music accompanies this illustrated introduction.
Plan. A title, time, room, and speaker join into a session. More sessions assemble into an event program.
Shape. A site style changes the event heading, program, and speaker information. The style is published.
Gather. Bookmarked sessions appear in a personal schedule while the public program stays intact. The event page and personal schedule appear in desktop and phone layouts.
The Event Runner name and “Make room for your event” close the film.
Publish a page update
Read the descriptive transcript
Publish a page: descriptive transcript
No narration. Quiet original synthesized music accompanies the actions. Every instruction appears on screen. The site contains fictional sample data. Browser chrome shows the actual local capture address.
Landscape
0:00–0:05. “Publish a page update.” “Start signed in as event staff.”
The fictional Harborlight Forum homepage is open. The local staff account is already signed in.
0:05–0:13. “Open Edit section.”
The pointer opens Edit section in the homepage hero.
0:13–0:23. “Choose the headline block.”
The pointer selects the existing headline block, “Good ideas need a place to meet.”
0:23–0:33. “Write your new headline.”
The pointer selects the Text field. The old headline is replaced, character by character, with “A place to share practical ideas.”
0:33–0:37. “Select Save draft.”
The pointer selects Save draft. The real editor confirms: “Draft saved. It is not public until you publish.” A separate visitor check still sees the original headline.
0:37–0:42. “A saved draft is not public.”
The draft confirmation remains visible. The change has not been published.
0:42–0:53. “Select Save and publish.”
The pointer selects Save and publish. The real editor confirms: “Published. The public site picks it up live.”
0:53–1:00. “Check the public page.”
A visitor view opens the public homepage. Its headline reads “A place to share practical ideas.”
1:00–1:09. “Your headline is published.”
The exact published headline remains visible.
1:09–1:15. “Make room for your event.”
The official Event Runner mark and “Make room for your event.” settle and remain still.
Vertical
0:00–0:05. “Publish a page update.” “Start signed in as event staff.”
The fictional Harborlight Forum homepage is open. The local staff account is already signed in.
0:05–0:13. “Open Edit section.”
The pointer opens Edit section in the homepage hero.
0:13–0:23. “Choose the headline block.”
The pointer selects the existing headline block, “Good ideas need a place to meet.”
0:23–0:33. “Write your new headline.”
The pointer selects the Text field. The old headline is replaced, character by character, with “A place to share practical ideas.”
0:33–0:37. “Select Save draft.”
The pointer selects Save draft. The real editor confirms: “Draft saved. It is not public until you publish.” A separate visitor check still sees the original headline.
0:37–0:42. “A saved draft is not public.”
The draft confirmation remains visible. The change has not been published.
0:42–0:53. “Select Save and publish.”
The pointer selects Save and publish. The real editor confirms: “Published. The public site picks it up live.”
0:53–1:00. “Check the public page.”
A visitor view opens the public homepage. Its headline reads “A place to share practical ideas.”
1:00–1:09. “Your headline is published.”
The exact published headline remains visible.
1:09–1:15. “Make room for your event.”
The official Event Runner mark and “Make room for your event.” settle and remain still.
Save your personal schedule
Read the descriptive transcript
Save a schedule: descriptive transcript
No narration. Quiet original synthesized music accompanies the actions. Every instruction appears on screen. The site contains fictional sample data. Browser chrome shows the actual local capture address.
Landscape
0:00–0:05. “Save your personal schedule.” “Sign in with an approved registration.”
The fictional event homepage is open. The attendee has signed in and has an approved registration.
0:05–0:13. “Open Schedule.”
The pointer opens Schedule in site navigation.
0:13–0:23. “Choose your event day.”
The pointer selects Day one.
0:23–0:29. “Search for your session.”
The pointer types “Listening” in Search this day. Matching sessions appear.
0:29–0:32. “Open the session.”
The pointer opens “Listening to your community.” The detail page shows its time, location, description, and Bookmark button.
0:32–0:39. “Select Bookmark.”
The pointer selects Bookmark. The control changes to Bookmarked after the write resolves.
0:39–0:42. “Return to the schedule.”
The pointer selects Back to the schedule.
0:42–0:47. “Open My schedule.”
The pointer opens My schedule.
0:47–0:54. “Your saved session appears here.”
Listening to your community appears in the personal schedule. Reloading the page confirms that it remains saved.
0:54–1:00. “Make room for your event.”
The Event Runner mark and “Make room for your event.” settle and remain still.
Vertical
0:00–0:05. “Save your personal schedule.” “Sign in with an approved registration.”
The fictional event homepage is open. The attendee has signed in and has an approved registration.
0:05–0:08. “Open Menu, then Schedule.”
On phone, the pointer opens Menu.
0:08–0:13. “Open Menu, then Schedule.”
The pointer opens Schedule in site navigation.
0:13–0:23. “Choose your event day.”
The pointer selects Day one.
0:23–0:29. “Search for your session.”
The pointer types “Listening” in Search this day. Matching sessions appear.
0:29–0:32. “Open the session.”
The pointer opens “Listening to your community.” The detail page shows its time, location, description, and Bookmark button.
0:32–0:39. “Select Bookmark.”
The pointer selects Bookmark. The control changes to Bookmarked after the write resolves.
0:39–0:42. “Return to the schedule.”
The pointer selects Back to the schedule.
0:42–0:47. “Open My schedule.”
The pointer opens My schedule.
0:47–0:54. “Your saved session appears here.”
Listening to your community appears in the personal schedule. Reloading the page confirms that it remains saved.
0:54–1:00. “Make room for your event.”
The Event Runner mark and “Make room for your event.” settle and remain still.
Change your site style
Read the descriptive transcript
Change site style: descriptive transcript
No narration. Quiet original synthesized music accompanies the actions. Every instruction appears on screen. The site contains fictional sample data. Browser chrome shows the actual local capture address.
Landscape
0:00–0:06. “Change your site style.” “Start signed in as an operator.”
The fictional event’s admin Overview is open. The account has operator access, which is required for Branding.
0:06–0:11. “Open Branding, then Page style.”
The pointer opens Branding under Settings.
0:11–0:17. “Open Branding, then Page style.”
The pointer selects Page style.
0:17–0:28. “Choose a Site style.”
The Site style control changes from Institutional to Newsroom. This remains a draft.
0:28–0:33. “Review Home and Schedule.”
The actual Home page preview is shown at Desktop width in Light mode.
0:33–0:36. “Review Home and Schedule.”
The pointer changes Page from Home to Schedule.
0:36–0:40. “Review Home and Schedule.”
The actual Schedule page preview is held for reading.
0:40–0:43. “Check Phone, Light, and Dark.”
The pointer selects Phone under Width to preview.
0:43–0:46. “Check Phone, Light, and Dark.”
The actual phone Schedule preview is shown in Light mode.
0:46–0:49. “Check Phone, Light, and Dark.”
The pointer changes Mode to Dark.
0:49–0:52. “Check Phone, Light, and Dark.”
The actual phone Schedule preview is shown in Dark mode.
0:52–1:01. “Resolve any warnings before you publish.”
The validation area is reviewed. This fixture has no blocking contrast failure. No extra success badge is added.
1:01–1:10. “Select Publish the theme.”
The pointer selects Publish the theme. The application confirms “Theme published.”
1:10–1:13. “Check the public site.”
The public homepage opens with the persisted Newsroom style.
1:13–1:18. “Your site style is published.”
The published site style remains visible.
1:18–1:24. “Make room for your event.”
The Event Runner mark and “Make room for your event.” settle and remain still.
Vertical
0:00–0:06. “Change your site style.” “Start signed in as an operator.”
The fictional event’s admin Overview is open. The account has operator access, which is required for Branding.
0:06–0:09. “Open Menu, then Branding.”
On phone, the pointer opens the admin Menu.
0:09–0:14. “Open Menu, then Branding.”
The pointer opens Branding under Settings.
0:14–0:17. “Open Page style.”
The pointer selects Page style.
0:17–0:28. “Choose a Site style.”
The Site style control changes from Institutional to Newsroom. This remains a draft.
0:28–0:33. “Review Home and Schedule.”
The actual Home page preview is shown at Desktop width in Light mode.
0:33–0:36. “Review Home and Schedule.”
The pointer changes Page from Home to Schedule.
0:36–0:40. “Review Home and Schedule.”
The actual Schedule page preview is held for reading.
0:40–0:43. “Check Phone, Light, and Dark.”
The pointer selects Phone under Width to preview.
0:43–0:46. “Check Phone, Light, and Dark.”
The actual phone Schedule preview is shown in Light mode.
0:46–0:49. “Check Phone, Light, and Dark.”
The pointer changes Mode to Dark.
0:49–0:52. “Check Phone, Light, and Dark.”
The actual phone Schedule preview is shown in Dark mode.
0:52–1:01. “Resolve any warnings before you publish.”
The validation area is reviewed. This fixture has no blocking contrast failure. No extra success badge is added.
1:01–1:10. “Select Publish the theme.”
The pointer selects Publish the theme. The application confirms “Theme published.”
1:10–1:13. “Check the public site.”
The public homepage opens with the persisted Newsroom style.
1:13–1:18. “Your site style is published.”
The published site style remains visible.
1:18–1:24. “Make room for your event.”
The Event Runner mark and “Make room for your event.” settle and remain still.