Layouts are essential for organizing content and creating a visually cohesive experience. With a focus on precision, harmony, and adaptability, our layouts bring structure to content, creating meaningful connections and delivering clear, engaging experiences for our diverse audience.
Formats
Three common formats are used frequently across our communications.
Margin Built
The example shows flexible margin configurations with varying values for top, bottom, and side spaces, depending on the grid structure. Maintain adequate margins to balance content and create visual clarity.
Vertical - Image Workaround
Images should be placed as shown by the black squares, with options for a full-artboard picture or a half-artboard picture. When showcasing products, the background can either be removed or framed with a 50px outline. All image placements must follow and respect the grid system to maintain visual consistency.
Misuse - Vertical
It is important to use our layouts in an intentional, consistent way. Avoid the following treatments.
Squared - Image Workaround
Square formats follow the same rules as vertical formats. However, in this format, we are allowed to use rounded corners on images when showcasing products, or have images with no edges, completely covering the artboard.
Exception on Square Layout
When there is very little information, we have the freedom to skip one square of the grid and place the main text slightly further inside, creating a more harmonious layout within the square.
Misuse - Squared
It is important to use our layouts in an intentional, consistent way. Avoid the following treatments.
Image Rule Layout
When an image is confined within a square or rectangle, it will have rounded corners. If the image is placed alone without a container, it will have straight corners.
