01
Greeting
A student-leader gathers everyone for an introduction, including a brief background of the organization and an announcement of the week's topic.
01
Photo tile, text over full bleed
Image fills the tile, copy sits on it behind a bottom scrim. Drag or use the arrows.
What you can expect
02
Personal story
A student-leader shares a personal story that connects with the meeting's topic of discussion. Topics include respect, encouragement, compassion, and more.
03
Icebreaker
Students participate in an activity around the week's topic. (For example, during the week students explore gratitude, they're encouraged to send a text to someone they're grateful for, and then share about that person with their group.)
04
Conversation
Student leaders facilitate small-group discussion using our plug-and-play card deck model, the Whisper Conversations Box Set.
05
Action step
Students end the gathering by deciding ways they can practice the discussion topic throughout the week.
02
Photo tile, text revealed on hover
Only the step name shows at rest. The description slides up on hover, scrim deepens.
What you can expect
01
Greeting
A student-leader gathers everyone for an introduction, including a brief background of the organization and an announcement of the week's topic.
02
Personal story
A student-leader shares a personal story that connects with the meeting's topic of discussion. Topics include respect, encouragement, compassion, and more.
03
Icebreaker
Students participate in an activity around the week's topic. (For example, during the week students explore gratitude, they're encouraged to send a text to someone they're grateful for, and then share about that person with their group.)
04
Conversation
Student leaders facilitate small-group discussion using our plug-and-play card deck model, the Whisper Conversations Box Set.
05
Action step
Students end the gathering by deciding ways they can practice the discussion topic throughout the week.
03
Tall portrait tiles
Narrower 3:4 tiles, more of them in view, numeral set large at the top.
What you can expect
01
Greeting
A student-leader gathers everyone for an introduction, including a brief background of the organization and an announcement of the week's topic.
02
Personal story
A student-leader shares a personal story that connects with the meeting's topic of discussion. Topics include respect, encouragement, compassion, and more.
03
Icebreaker
Students participate in an activity around the week's topic. (For example, during the week students explore gratitude, they're encouraged to send a text to someone they're grateful for, and then share about that person with their group.)
04
Conversation
Student leaders facilitate small-group discussion using our plug-and-play card deck model, the Whisper Conversations Box Set.
05
Action step
Students end the gathering by deciding ways they can practice the discussion topic throughout the week.
04
Numbered index → stage card
The list is the control and the stage beside it is the result: click, or arrow through, and it crossfades. The five steps read as one arc before you touch anything, which the carousels never manage — nothing is hidden off the right edge. The five buttons below swap how the stage puts the photograph and the copy together; the list, the switching and the content are identical in all of them.
05
Tab bar → one frame
The same swap, horizontal and flatter: step names as pills, one big frame crossfading underneath. Least reading at rest of any option here, and the only one where the photograph gets the full content width.
06
Accordion rows
One row open at a time, the open row growing to hold its photograph. Heights are measured rather than guessed at with max-height, so long and short steps ease identically. Reads as an agenda — closest to how a leader would actually run it.
A student-leader gathers everyone for an introduction, including a brief background of the organization and an announcement of the week's topic.
A student-leader shares a personal story that connects with the meeting's topic of discussion. Topics include respect, encouragement, compassion, and more.
Students participate in an activity around the week's topic — during a week on gratitude, they text someone they're grateful for, then tell their group about that person.
Student leaders facilitate small-group discussion using our plug-and-play card deck model, the Whisper Conversations Box Set.
Students end the gathering by deciding ways they can practice the discussion topic throughout the week.
07
Filmstrip
Five frames sharing one row: the active frame takes the width the other four give up, and the caption below carries the copy. The strip stays a single object rather than five cards, and hover is enough — no click required.
08
Sticky frame, steps scroll past
The photograph holds still and the steps move: whichever step crosses the middle of the screen owns the frame. Nothing to click, and the sequence is carried by scrolling — the one option that works identically on a phone.
Greeting
A student-leader gathers everyone for an introduction, including a brief background of the organization and an announcement of the week's topic.
Personal story
A student-leader shares a personal story that connects with the meeting's topic of discussion. Topics include respect, encouragement, compassion, and more.
Icebreaker
Students participate in an activity around the week's topic, then share about it with their group.
Conversation
Student leaders facilitate small-group discussion using our plug-and-play card deck model, the Whisper Conversations Box Set.
Action step
Students end the gathering by deciding ways they can practice the discussion topic throughout the week.
09
Numeral ladder, photo slides in
Type first: five ruled rows carrying nothing but a numeral and a name, with the photograph sliding in from the right on hover or focus. At rest this is an index, not a gallery — the most restrained way to use imagery here.
01
Greeting
Everyone gathered, the topic named.
02
Personal story
A leader shares something true.
03
Icebreaker
The topic, put in everyone's hands.
04
Conversation
Small groups, led with the card deck.
05
Action step
Something to practise this week.
10
Overlapped collage
All five at once, overlapping and tilted, the hovered one straightening and coming forward. Warmest and least corporate of the set; it treats the gathering as a pile of snapshots rather than a process diagram.
11
Timeline rail
One line, five nodes, the active node lifting its frame above the rail. The strongest signal that this is a sequence with a beginning and an end — useful if the section's job is to reassure a principal that the hour is planned.
12
Archive — the shipped agenda list
What the live page carried before option 04 replaced it: five ruled rows, a 4:3
frame, the step name in its own column and the copy in the third. Kept here so the
old treatment is one copy-paste away if the new one doesn't hold up. Uses the live
page's own .agenda styles, not the scaffolding in this file.
-
Greeting
A student-leader gathers everyone for an introduction, including a brief background of the organization and an announcement of the week's topic.
-
Personal story
A student-leader shares a personal story that connects with the meeting's topic of discussion. Topics include respect, encouragement, compassion, and more.
-
Icebreaker
Students participate in an activity around the week's topic. (For example, during the week students explore gratitude, they're encouraged to send a text to someone they're grateful for, and then share about that person with their group.)
-
Conversation
Student leaders facilitate small-group discussion using our plug-and-play card deck model, the Whisper Conversations Box Set.
-
Action step
Students end the gathering by deciding ways they can practice the discussion topic throughout the week.