GRAPHICS

The graphic system is composed of two key components, the Shelf System and the Generative Tool, which expand the visual language by adding flexibility and expression while maintaining a structured and cohesive identity, supporting layouts, creating hierarchy, and reinforcing the brand’s data-driven concept across different applications.

SHELF SYSTEM

Inspired by the concept of shelves and modular structures, the Shelf System translates the logotype aesthetics into adaptable shapes. It reflects the dynamic and fast-paced nature of the industry, allowing the identity to continuously evolve while maintaining a consistent and structured visual language.

ONE SHELF PROPORTION

A single shelf should be used with restraint, occupying no more than 40% of the total canvas. As a general guideline, it should ideally remain around 25% of the composition, ensuring visual balance and allowing space for content to breathe. The shelf may expand horizontally, upward, or downward, depending on the layout.

MULTIPLE SHELF PROPORTION

Multiple shelves should be used with restraint, with their combined area not exceeding 40% of the total canvas. A maximum of two shelves is recommended to maintain balance and clarity, and they may expand horizontally, upward, or downward, depending on the layout.

SHELF SYSTEM WITH PHOTO

Shelf usage with images follows the same rules, with shelves occupying no more than 30% of the total canvas. The image may fill the entire background or be divided by the shelf line, positioned ideally in the upper section or alternatively in the lower section, while the remaining area should be filled with a solid background color to maintain balance and clarity.

CORNER RADIUS

The corner radius should ideally range between 5% and 10% of the shortest side of the shelf, ensuring consistent curvature across different formats and proportions. It should not be so small that the rounding becomes imperceptible, nor so large that the shape appears overly rounded. As a general guideline, the result should remain visually close to the examples provided below.

SHELF SYSTEM MISUSE

To ensure consistency and maintain a clear and structured visual language, certain applications of the Shelf System must be avoided. The following examples illustrate incorrect uses that compromise balance, clarity, and overall visual integrity.

Do not layer gradients.

Do not round edges on the support line.

Do not over-round the shelf.t

Do not exceed 30% of the canvas.

Do not place the shelf outside the canvas.

Do not use low-contrast color combinations.

Do not place the shelf over key image areas.

Do not let text overflow the shelf.

GENERATIVE TOOL

The Generative Tool transforms images into data-driven compositions aligned with the visual identity, using the same aesthetic principles as the Shelf System. It can be used as a background, illustrative element, alongside text, or on its own, as long as legibility and color contrast are preserved.

It serves as a decorative, photographic, or infographic element, generating visuals from both photography and abstract textures, representing the data behind each image while maintaining consistency across applications.

LINK

PHOTOGRAPHIC MOMENTS

Photography should capture real moments with clarity and intention, reflecting a human and authentic perspective. When combined with the system, it becomes a base for data-driven compositions, where visual elements are applied to express the underlying data while maintaining consistency.

ABSTRACT MOMENTS

Abstract visuals should explore textures and data-inspired compositions, creating more expressive and conceptual outcomes. When combined with the system, they function as graphic representations of data, reinforcing the identity through a consistent and structured visual language.

GENERATIVE TOOL MISUSE

To ensure consistency and maintain a clear and structured visual language, certain applications of the generative graphic must be avoided. The following examples illustrate incorrect uses that compromise balance, clarity, and overall visual integrity.

1. Do not use images with poor color contrast.

2. Do not cover faces or key elements of the image.

3. Do not place low-contrast text over images.

4. Do not alter the image colors.