Minimize text size Reset text to normal size Increase text size

Visual Design

Create the system’s look and feel with images, colors, fonts, and other visuals.

Welcome to the Reimagined HHS.gov

Learn more about the improvements HHS made to HHS.gov to help users find the information and resources they need faster and easier.

Color Basics

A color wheel is an illustrative model of color hues around a circle.  It shows the relationships between the primary, secondary, and intermediate/ tertiary colors and helps demonstrate color temperature. Digital teams communicate exact colors through the use of hex codes.

Understanding the Color Wheel

Many color wheels are shown using 12 colors.  Using this color wheel as an example, it can be read as follows:

Government agencies provide vital information and services that affect people’s daily lives. They have the responsibilities of responding to the needs of its citizens, running as effectively and efficiently as possible, and being timely and accurate with its information.

Visual design focuses on the aesthetics of a site and its related materials by strategically implementing images, colors, fonts, and other elements.  A successful visual design does not take away from the content on the page or function.  Instead, it enhances it by engaging users and helping to build trust and interest in the brand.

Basic Elements of Visual Design

The basic elements that combine to create visual designs include the following:

One Site Fits All: A Responsive Solution

Attempting to create and maintain multiple versions of your site to accommodate each device can be time consuming, resource intensive, and unsustainable as a long-term solution. Responsive design is the most effective solution.

Getting the Guidelines Up-to-Date

Updating the Guidelines is an important part of the reboot of our Usability.gov Program. We are creating the process and want to know how you’d like to see it take shape. 

Creating Wireframes

Pages