Layout
HP layout principles will help you work with organizing images, messaging, branding, and anything in between.
While making layouts, remember to
While making layouts, remember to


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.
Motion Guidelines
HP Creative Studio.
All Rights Reserved
Motion Guidelines
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


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.