List of content types with new look and feel – H5P

With the new look and feel, you and your students will experience H5Ps like never before.

Now, all of the content types that can be included in an Interactive Book, including the Interactive Book itself, will display the new look and feel at launch.

Supported content types at launch

The following content types are currently upgraded:

Accordion
Audio Recorder
Chart
Collage
Course Presentation
Dialog Cards
Documentation Tool
Drag and Drop
Drag the Words
Essay (Third-party contribution)
Fill in the Blanks
Find the Hotspots
Flashcards
Guess the Answer
Image Hotspots
Image Slider
Interactive Book
Interactive Video
Mark the Words
Memory Game
Multimedia Choice (previously named Image Choice)
Multiple Choice
Page (previously named Column)
Question Set
Single Choice Set
Summary
True/False

Note: In addition to the content types listed above, Text, Table, Video, Audio, and Link (used as sub-content within other activities) are also supported in this release.

Content types not yet upgraded

The remaining content types will be updated gradually. This approach is intended to ensure a smooth transition and give you time to prepare for each change. You’ll be notified through our newsletter or release notes when these updates are released.

Once the new look and feel is fully rolled out, the legacy theme will no longer be available. We’ll notify you ahead of time before this change takes effect.

Third-party and non-recommended content types

All content types available on H5P.com will eventually be upgraded to the new look and feel, including non-recommended and third-party content types. For example, the Essay content type, which is a third-party contribution, will also be upgraded to the new design.

Changes in H5P components

With the new look and feel of H5P, some familiar elements or components within activities will have a different look. The new look and feel brings:

Cleaner, more contemporary styling with simplified shapes and fewer heavy borders
Neutral default color palette designed to work with institutional branding
Improved typography and spacing for better readability, especially for mobile usage
More consistent layouts for titles, instructions, and activity content

The following sections explain what we've changed for the learner UI and what you may want to review in your internal H5P documentation.

Standardized buttons

Overall, learner interactives have been updated to be better aligned across our content types. This means that clickable elements, submit, check, show solution, retry buttons, and next and previous navigations are now more consistent.

Effect on your documentation
Any screenshots in your documentation that show the old design (older buttons, icons, borders, or fonts) will no longer match what learners see. Plan to replace learner‑view screenshots over time.

Cards, items, and summary screens

Many of our content types use cards and summary or result screens. On this update, we've also made sure these elements follow the same patterns.

Effect on your documentation
If your documentation describes unique summary layouts for specific content types, expect these to be more similar now. You can describe a general “summary screen” pattern and note only important differences.

Interaction and usability improvements

The new look and feel introduces subtle usability enhancements, especially for touch devices.

Effect on your documentation
If your documentation warns about small clickable areas or awkward drag‑and‑drop behavior, those notes may now be outdated and can usually be removed or simplified.

Progress indicators

We've also implemented some changes to content types, which have several steps to complete or have a progress bar.


Before: In the old design, clickable elements had a different color and contrast scheme. As well as a default destiny, sometimes elements being more packed together.	After: Color and contrast are now standardized, as well as density thanks to the new look and feel settings.


Before: Common controls like Check and Show solution used buttons that varied slightly between content types.	After: Common buttons such as Check and Show solution now share a consistent, theme‑colored style across updated content types, making them easier for learners to recognize.


Before: Card-based activities had a varying appearance of cards.	After: Card‑based activities in the new look and feel use cleaner cards, clearer typography, and more consistent icons.


Before: Summary screens varied more between content types, with denser layouts and less visual separation between results and navigation.	After: Updated summary screens present scores, feedback, and next steps in a more consistent layout with clearer headings, spacing, and buttons.


Before: Drag‑and‑drop activities didn’t use drag handles and had less distinct drop zones, which could be harder to use on touch devices.	After: Drag‑and‑drop activities benefit from clearer drag handles, and more visible hover feedback, especially helpful for learners on tablets and phones.


Before: Progress indicators weren't consistent among content types nor super intuitive.	After: Now the progress indicator bar is consistent in our content types and more intuitive.


Before: Interactive Videos playbar didn't match our legacy theme.	After: Elements within the Interactive Video have been updated to match the new look and feel.