HP.com Design System HP.com Design System HP.com Design System

Column control

Allows authors to arrange other modular components within a pre-determined choice of column layouts.

Lorem ipsum dolor sit

Amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit

In voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Usage

Choose from a list of column layouts with this basic module.

Module specifications

2 - 5 columns
Background color is configurable
Horizontal & vertical gaps between columns are configurable
Option to make container fluid

Character counts (with spaces)

This is one of the few components that does not have a character limit, however we do ask that marketing use best-practices in keeping copy short, concise and consumer-facing to keep reader's attention.

Example layouts

TABLET

MOBILE

Resources

For Zeplin access contact the UX Design Manager

Components can only be copied from our library, unless you belong to our HP Enterprise Figma instance.