NTC Design System

Nike

Design follows function.

At Nike+ Training Club, we believe “Focus on the user and all else will follow.” We embrace that principle in our design by creating experiences that inspire and enlighten our users.

Design principles

1. Simplicity

Less is more, minimal design is timeless. Interface keep simple and functional to allow the content to be the focal point.

2. CLARITY

Clean, bold layout and intentional white space creates hierarchy, meaning and focus. Deliberate colour choices, full bleed imagery and large-scale typography create immersion and clarity.

3. FUNCTIONAL

Design with an emphasis on user actions makes core functionality immediately apparent and provides waypoints for the user.

The design system

Colour

The black and white colour palette form the foundation for N+TC. Use of colour is minimal and functional to allow the content to be the focal point.

Secondary colour palette is introduced to make core functionality immediately apparent and provide waypoints for the users.

Primary Colour

Secondary Colour

Typography

Simple, bold typography and intentional typesetting create focus and hierarchy.

Trade Gothic LT Std —
Bold Condensed No.20

Trade Gothic LT Std —
Regular

Iconography

Simple and well-designed icons enhance communication and help illustrate abstract idea and provide waypoints for the users.

Imagery

Full bleed imagery, modern and purified photography and video art direction draw attention.

More project

See all projects