Interface

Interface principles to design the CHT and support effective implementation

The purpose of this guide is to document the standard aspects of the core framework and allow designers and developers to focus on solving challenges, rather than reinventing interface elements that are already in use.


Colors

Color helps users interpret and interact with app content by establishing a hierarchy of information, highlighting actions, indicating states, and conveying meaning.

Icon Library

Icons for use in CHT application based on our human centered design principles

Typography

Typography is the design of type in ways that provides innate hierarchy to UI

Components

The standard aspects of the core framework for reuse to encourage consistency when building new pages or components

UI Kit

Sample CHT screens and components for testing and validating new designs or workflows

Editable Mockups

Slide decks with components for testing and validating concepts