The main home page introduces the program and the visual language used on the website and related materials. The central color and typeface were inspired by the recent Hyperakt/Studio 360 branding for Teachers Redesigned.

The blog features four types of posts — quotes, innovators, news and reflections. Innovator posts are influenced by the napkin notes in Gourmet magazine. These posts can be updated via Drupal and retain their character across various screens and breakpoints.

The platform is organized around six modules, each with several activities, each comprised of a number of tasks. Color-coding (tested for maximum contrast and legibility) and distinct letter-marks promote clear wayfinding.

The module color system extends to the main interface — the main page border takes on the color of the current module.

Activity pages frame context and contain associated tasks. A running-numbering system for activities makes it easy for teachers to reference specific parts of the curriculum. A sub-numbering system is used for tasks within an activity. Both task and activity numbers are treated graphically to support wayfinding.

Tasks are displayed using an accordion pattern. Individual tasks feature the basic description and estimated time needed to complete the work, as well as related tips and worksheets.

A context-sensitive progress bar is fixed to the bottom of each activity page. This allows easy access to points within and across modules as well as a fly-out help panel.