eLearning Design Kit

The design kit
for eLearning.

Best practice guides for the building blocks of every course. What components are for, what they aren't for, and how to use them well. With working examples.

Filter by category
Components

Radio buttons

Use for single-choice questions where only one answer can be selected.

Read the guide
Components

Sliders

Use for adjusting a value along a range — zoom levels, comfort, confidence.

Read the guide
Components

Checkboxes

Use when learners can select more than one option from a list.

Read the guide
Components

Dials

A circular alternative to sliders for analogue-style inputs.

Read the guide
Components

Primary buttons

The CTAs that drive action: Submit, Continue, Get started.

Read the guide
Components

Navigation buttons

Next, Previous, and the patterns that move learners through content.

Read the guide
Components

Toggle buttons

On/off, sort/filter, and segmented controls for state.

Read the guide
Components

Carousels

Sequential content that benefits from manual paging.

Read the guide
Components

Text entry

Free-text inputs for reflection and short-answer activities.

Read the guide
Components

Links

Inline and standalone links — when, where, and how.

Read the guide
Interactions

Branching scenarios

Decision-driven stories where the learner shapes the outcome.

Read the guide
Interactions

Hotspots

Interactive points on an image for exploratory learning.

Read the guide
Interactions

Drag and drop

Sort, match, or sequence items by dragging them into place.

Read the guide
Interactions

Quizzes

Multi-question assessments that test what learners have grasped.

Read the guide
Interactions

Click to reveal

Tabs, accordions, and flip cards for chunking optional content.

Read the guide
Interactions

Software simulations

Click-through training for applications and tools.

Read the guide
Interactions

Real-world simulations

Immersive scenarios that mirror real workplace systems.

Read the guide
Design advice

Writing good assessment questions

How to choose the right question type and write each one so it tests understanding.

Read the guide
Design advice

Writing engaging scenarios

How to write scenarios that feel real, not like training exercises.

Read the guide
Design advice

Choosing the right level of detail

When to go deep, when to summarise, and how to decide.

Read the guide
Design advice

Using white space

Why white space matters in eLearning and how to use it deliberately.

Read the guide
Design advice

Intro to colour theory in eLearning

Practical colour theory for learning designers.

Read the guide
Design advice

Writing for screen, not page

eLearning copy is different from training manuals. How to write the way people read on screens.

Read the guide
Design advice

Typography for eLearning

Practical typography that supports rather than fights the content.

Read the guide
Design advice

Designing for accessibility

eLearning-specific accessibility, in plain terms. Not WCAG theory — the actual decisions.

Read the guide
eLearning tools

Articulate Rise

The web-based authoring tool for fast, responsive courses.

Read the guide
eLearning tools

Articulate Storyline

The slide-based tool for complex interactions and simulations.

Read the guide
eLearning tools

Chameleon Creator

Australian/NZ-built design-first authoring with hosting and analytics.

Read the guide
eLearning tools

Mindsmith

AI-native authoring for fast first drafts and multi-language rollout.

Read the guide
eLearning tools

Parta

Productivity-first platform with real-time collaboration and element-level commenting.

Read the guide
eLearning tools

HowToo

Australian-built tool with strong accessibility credentials and AI course creator.

Read the guide

Want us to build it
for you?

We use these principles on every course we build. Three-week delivery, transparent pricing, zero drama.