Starting theconversation
Twenty minutes on noticing when a workmate isn't travelling well, and knowing what to say when you do.
Proof of concept · illustrative copyHow to navigate
Select each section below to see the button it refers to light up. Give it a try.
Frequently asked questions
Select any question to expand the answer.
About twenty minutes if you go straight through. There is no time limit, and nothing is scored.
Yes. Exit properly using the X in the top-right rather than closing the tab, and your place is saved. Leaving it idle for a long stretch can stop it registering as complete, so if you are stepping away for a while it is worth exiting first.
No. Anything you type into a reflection, a rewrite or a commitment stays in your browser. You can email or print the full set to yourself at the end, and nobody else gets a copy.
No, and that is worth saying plainly. Nothing here asks you to diagnose anything or to fix anyone. It is about noticing, asking, and knowing where to point someone next.
This module works with standard screen readers including JAWS, NVDA and VoiceOver. Every interactive element is keyboard operable, and you can adjust text size, switch to night mode or reduce motion from the settings (gear) button.
If you hit an accessibility problem, contact learning@movember.com.
One engine, two brands
The RTL engine has no brand of its own. Colour, type, spacing and radius all come from tokens a module carries in its own stylesheet, so putting a partner brand alongside Movember is a stylesheet, not a rebuild. Everything you are looking at — header, footer, contents menu, settings, every activity — is the same engine that runs Men in Mind, reskinned in one file.
Bunnings palette read from bunnings.com.au, 14 August 2026 — the site's own fill-primary-green utility resolves to #0D5257. Movember palette from the Movember Style Guide, February 2023.
The rules this module follows
- Movember is primary. It owns the type, the layout, the monochrome and the voice. Bunnings is the partner, not the co-author.
- The Bunnings mark always sits on its own green plate. The mark is drawn for green, and its "warehouse" script is white on red — on any other ground it either disappears or has to be recoloured into something that is no longer their logo.
- Green is the one accent. Progress rail, buttons, focus rings, every activity's selected state. At 8.9:1 on white it carries small text and thin strokes, which Movember's own secondary palette does not.
- Red is not a UI state. It belongs to the logo, and to a single emphasis rule. A red "selected" reads as an error everywhere else on the web, and a partner's brand colour should not quietly come to mean "you got that wrong".
- Bunnings' own typefaces are not shipped. Futura and the Challenge script in the wordmark are licensed to Bunnings. The partner voice comes through the mark and the green — the type stays Movember's Anton and Overpass.
Watch it reskin, live
The previous screen makes a claim: a partner brand is a stylesheet, not a rebuild. Here is the claim with a button on it.
Every Bunnings-owned value in this module descends from five colour tokens. The header, the footer, the contents menu, the accessibility drawer, the progress rail and all ten activities read those tokens rather than carrying colours of their own. Re-point the five and everything downstream follows, in the same frame.
Currently showing: Movember x Bunnings
Press it and the partner brand comes off the whole module, not just this screen. Press it again and it comes back. The same control sits in the header, so you can do it from any screen while you are talking.
Nothing is rebuilt and nothing reloads. No screen knows the swap happened, which is the part that matters: it means a partner build is not a fork of the course, and a second partner is not a second codebase.
What this costs. One stylesheet of about 400 lines, plus the partner logo. The engine itself is untouched, so every fix and every new activity that lands in the core arrives in the partner build for free.
What you get for free
None of this is authored per module. It is in the engine, so it is simply there.
SCORM tracking and resume
Progress saves to the LMS automatically. Close it mid-screen and it opens exactly there next time.
Accessibility controls
Text size to 210%, night mode, reduced motion, full screen and sound toggles — remembered between visits.
Screen-reader ready
Tested with JAWS, NVDA and VoiceOver. Screen changes are announced, focus rings are visible, and every activity can be completed on the keyboard alone.
Keyboard & swipe navigation
Arrow keys, Space or Enter on desktop; swipe on a phone. No mouse required anywhere.
Private reflection notebook
Anything written into an activity collects in one place, and can be emailed or printed at the end. It never leaves the learner's browser.
One-click issue reporting
Report a problem from any screen. The engine fills in the screen number and title so nobody has to describe where they were.
Versioned, with a changelog
Every build carries a version and an in-module history, so a reviewer can see exactly what changed since they last looked.
Thirty-one learning activities
A shared library — predict, sort, sequence, scenario, poll, commit and more. Eight of them are in this module. All brand-agnostic, all keyboard-complete.
Mixpanel data hooks
Every screen, video and activity reports to Mixpanel through the engine, so you can see where people stop, which questions they get wrong and what they skip — without anyone instrumenting a module by hand.
Game integration
Movember's new game-based learning is playable inside the modules themselves.
Your content, dropped in
Bunnings already has a decade of instructional video. None of it needs remaking to sit inside a lesson.
The frame below is a real video from the Bunnings Warehouse channel, embedded as-is. It is not re-encoded, not re-hosted and not re-edited. What loads on this screen is a poster and a button, so the module costs nothing until someone actually wants to watch.
Click-to-play, deliberately. A bare embed fails inside an LMS frame and from a local file, because YouTube gates the player on the referrer, and it loads the whole player on every screen change whether or not anyone presses play.
The point is not the video. It is that a partner brings its own content and the module takes it, which is the difference between a course built for a partner and a course built with one.
Men don't always say it out loud
Most of the men who are struggling are still turning up. Still working, still joking, still getting through the day. That is exactly what makes it hard to spot, and exactly why the person standing next to them matters.
You do not need to be a counsellor. You need to notice, and you need to ask properly. That is the whole of it.
How big is it, really?
Have a guess before you read on. Being wrong about a number is what makes it stick — being told it is not.
Of all the people who die by suicide in Australia each year, what share are men?
Around three in every four. It is one of the most lopsided numbers in Australian health, and it has stayed roughly that lopsided for decades. The men in that number are not a separate group of people — they are workmates, customers, the bloke who has been on the same shift as you for six years.
Australian Institute of Health and Welfare, Suicide & self-harm monitoring. Illustrative in this proof of concept — confirm the current published figure and its exact wording before release.
What actually helps
Commit to an answer before you read the explanation. The engine will not show you the teaching until you have.
You have noticed a workmate has been quiet for a few weeks. What tends to work best?
"You alright?" has one honest answer built into it, and it is "yeah, good". Naming what you have actually noticed — the quiet, the missed smokos, the short fuse — does two things at once: it shows you were paying attention, and it makes "I'm fine" harder to say on autopilot.
Waiting for him to raise it is the option that feels most respectful and works least often. Telling a manager is sometimes right, but it is a step after the conversation, not instead of it.
ALEC — the four steps
Movember's conversation framework. Four steps, in this order, and the order is the point — most conversations that go wrong jump straight to step three.
Ask
Say what you have noticed, then ask directly. Twice, if the first answer is "yeah, good".
Listen
Give it room. Do not fill the silence, do not fix it, and do not compare it to your own week.
Encourage action
Small and concrete beats big and vague. Sleep, food, a walk, a GP appointment he actually books.
Check in
Come back to it. A follow-up a week later is what turns a conversation into support.
Put the four steps back in order. Select one, then select where it goes.
- 1 Ask Say what you have noticed, then ask directly. Twice, if the first answer is "yeah, good".
- 2 Listen Give it room. Do not fill the silence, do not fix it, and do not compare it to your own week.
- 3 Encourage action Small and concrete beats big and vague. Sleep, food, a walk, a GP appointment he actually books.
- 4 Check in Come back to it. A follow-up a week later is what turns a conversation into support.
Openers on the shop floor
Swipe on a phone, drag with a mouse, or use the buttons — the buttons are a first-class path, not a fallback, which is what makes this keyboard-complete. Get one wrong and it goes back into the deck.
Sort each opener by what it tends to do.
In the timber aisle
A three-turn conversation with a real state behind it. Trust moves with every choice, it can go down, and it stays on screen the whole way — because the point is that a conversation is recoverable. Every option gets a realistic reply, including the one that shuts it down.
"All good. Just getting through it."
"Money's tight since Sharon's hours got cut. Easier to be here than at home, if I'm honest."
"Look, I'm not after a big chat about it. I just need the hours."
What you used
What the team said
Two clicks, and a solo module stops feeling solo. Nothing is marked correct — the spread is the content, so your choice is tagged "your answer", never right or wrong.
What stops you asking, when you have noticed something?
Your card
Pick the lines you would actually say. Selections persist, so anything saved here survives a break, a browser restart and the rest of the module — and the card prints clean.
Save any of these to your card.
Your card so far
Nothing saved yet — pick something above and it appears here.
One thing you will do
"When X, I will Y" is the commitment format with real behaviour-change evidence behind it. "I'll try to be more aware" has none. Be specific enough that you would know on Friday whether you did it.
Commit to one conversation you will have this week.
This saves into the same private notebook as everything else you have written. Open it from the contents menu at any point, and email or print the lot at the end.
Changelog
Current version: v0.03
- 19 screens down to 17. The inner-monologue screen and the sausage-sizzle screen are gone, and the closing screen is now a single banner reading This is a proof of concept module! A second banner sits at the top of screen 8.
- Supplied audio.
bunnings-1.mp3plays on the first press of Continue on the hero and only the first;ding.mp3on a correct answer andbonk.mp3on a wrong one, across every activity. The synthesised palette from v0.02 still carries navigation, selection and the brand swap. - The correct/incorrect hook was rebuilt, because the v0.02 one never fired. It listened for
rtl:correctandrtl:incorrect; the activity library dispatches no CustomEvents at all. It now wrapsRTLActivity.track()and watches for.is-correct/.is-incorrect, because neither signal covers every activity on its own. - The hammer, twice. On the hero it swings beside the title on a constant loop. On screen 12 one sits either side of the swipe deck and slams down on the side the learner picks — the right-hand one is the same image mirrored.
- The last of the MiM purple is gone. The visible one was the pulse around a highlighted Continue button: its outline read a bridged token but the glow was baked into
@keyframes tut-pulseas a rawrgba(183,163,252,…), and a keyframe cannot read a token it was not written to read. The animation is redefined, along with five other engine rules. Verified by scanning computed styles on every screen in both modes with the menus open, not by grepping the stylesheet. - Two more feature boxes on screen 6: Mixpanel data hooks and Game integration.
- Still illustrative and unapproved, and it embeds a partner's video. Demonstration artefact only.
- Live brand swap. A header control flips
data-brandon the root element and the whole module — chrome, contents menu, settings drawer, progress rail and all ten activities — returns to Movember monochrome and back. New screen 5 demonstrates it. Nothing reloads and no screen knows it happened. - Sound design, synthesised at runtime in
sfx.js. Ten voices built from struck tones and filtered noise: navigation, selection, correct and incorrect, reveal, a hammer hit on the brand swap, and a sausage sizzle. No audio file ships and nothing is sampled — the Bunnings jingle is Bunnings' property and does not belong in this repository. - New screen 7, Your content, dropped in: a real video from the official Bunnings Warehouse channel behind a click-to-play facade, so the YouTube player only loads if someone asks for it.
- New screen 18, Saturday at the sizzle. Its figures are deliberately left blank — inventing reach numbers for someone else's business is not a demonstration of anything.
- More partner surface: a green wash behind the hero, the Bunnings hammer device as a section mark, and a green partner strip. All of it disappears rather than greying out when the partner brand is switched off.
- Contrast: the sizzle panel's cards were
rgba()over a gradient, which no checker can resolve — six elements reported at exactly 1.0. Rebuilt on solid scoped tokens. 0 below AA across 38 screen-passes. - Three components were rendering unstyled and are now fixed. The FAQ accordion, the navigation tutorial on screen 2 and a screen-reader-only label all use markup copied from a MIM module, but their CSS is carried per-module rather than by the engine and was never brought across. The accordion had no collapsed state, so every answer showed at once; the tutorial icons had no box, so each chevron expanded to fill its row; the label had no rule at all, so it rendered on screen. All three ported from
MIM Pro for GPs Part 1, including the night-mode rules, which live in a different section of that file. - Still illustrative and unapproved, and now with a partner's video embedded in it. Demonstration artefact only — do not package it, do not upload it, do not circulate it outside a pitch.
- Initial proof of concept — 16 screens, Movember primary with Bunnings as the co-brand.
- New
cobrand-design-system.css: Movember tokens from the Style Guide (Feb 2023), Bunnings palette read off bunnings.com.au on 14 Aug 2026, and a token bridge that reskins the whole engine without touching it. - Bunnings Warehouse mark shipped as the SVG the site serves for its own masthead, always on a green plate. Movember horizontal lockup trimmed to black-on-transparent so the engine's header invert works on it.
- Eight activity-library interactions in content rather than gallery form: estimate, predict, sequence, swipe-sort, inner-monologue, scenario (dialogue), poll, toolkit and implementation intention.
- Bunnings' own typefaces are deliberately not shipped — Futura and the wordmark's Challenge script are licensed to Bunnings. Type stays Anton and Overpass.
- All copy, figures and the lockup are illustrative and unapproved. Not a release candidate.