Layout

HP layout principles will help you work with organizing images, messaging, branding, and anything in between.

While making layouts, remember to

keep it simple and clean

While making layouts, remember to

keep it simple and clean

The script always takes precedence over animation

The script always takes precedence over animation

Avoid over-the-top detail or distinctive markings that may be distracting.

Clear and focused frames

Simple to understand

Information hierarchy visible

Gradients are fine, they just should not be complete overlays

Solid backgrounds are the standard practice

A well done layout will look 'right'

Hover over the image to see why it works.

Guidelines

Chapters

Resources

About

HP

HP Global Website

Privacy Policy

Contact Us

© HP India

HP Creative Studio.
All Rights Reserved

HP Creative Studio.
All Rights Reserved

Motion Guidelines

Layout

HP layout principles will help you work with organizing images, messaging, branding, and anything in between.

While making layouts, remember to

keep it simple and clean

While making layouts, remember to

keep it simple and clean

The script always takes precedence over animation

The script always takes precedence over animation

Avoid over-the-top detail or distinctive markings that may be distracting.

Clear and focused frames

Clear and focused frames

Simple to understand

Simple to understand

Information hierarchy visible

Information hierarchy visible

Gradients are fine, they just should not be complete overlays

Solid backgrounds are the standard practice

A well done layout will look 'right'

Hover over the image to see why it works.

Guidelines

Chapters

Resources

About

HP

HP Global Website

Privacy Policy

Contact Us

© HP India

Guidelines

Chapters

Resources

About

HP

HP Global Website

Privacy Policy

Contact Us

© HP India