In primary placements, photo-real devices are paired with 1:1 product screenshots. Primary product expressions are used for high-level storytelling. In primary placements, focus on the experience of using the app and not on the hardware.
Photorealistic devices are used in all primary expressions.
Always display content on the screen as it appears when the app is running.
layout recommendations
In secondary placements, stylized devices are paired either with 1:1 product shots, stylized product shots, or extracted UI to highlight a specific product or feature functionality.
Descriptive product expressions are used to enhance storytelling.
Product UI may be stylized to optimize available space (e.g: OA).
Product UI and devices are always shown straight on and never at an angle or bevelled.
layout recommendations
Apple or Android devices may be used for primary product expressions. Space Gray iPhone 8 and iPhone 8 Plus are recommended and available for download.
Use device images “as is” and without modification.
Use either Apple or Android devices.
Use product images at a size that is clearly legible at the image resolution provided.
Stylized devices are paired with product shots in secondary product expressions.
Maintain contrast. Light or dark devices may be used at the designers’ discretion. Make sure to pair dark devices with light backgrounds and light devices with dark backgrounds.
Use only devices provided. Other than cropping, please don’t manipulate.
Product expression don’ts
Examples



