Logo
The horizontal logo is the primary logo and should be used in most instances.
Our identity represents the commitment and purpose of our organization.
By applying it consistently, we will increase awareness and strengthen our image.
In body copy, typeset IDB Invest in the same typeface used in the text and in all caps except by letters nvest.
Logo
The horizontal logo is the primary logo and should be used in most instances.
Our identity represents the commitment and purpose of our organization.
By applying it consistently, we will increase awareness and strengthen our image.
In body copy, typeset IDB Invest in the same typeface used in the text and in all caps except by letters nvest.
Logo
The horizontal logo is the primary logo and should be used in most instances.
Our identity represents the commitment and purpose of our organization.
By applying it consistently, we will increase awareness and strengthen our image.
In body copy, typeset IDB Invest in the same typeface used in the text and in all caps except by letters nvest.
The horizontal logo is the primary logo and should be used in most instances.
Our identity represents the commitment and purpose of our organization.
By applying it consistently, we will increase awareness and strengthen our image.
In body copy, typeset IDB Invest in the same typeface used in the text and in all caps except by letters nvest.
Logo
2x Grid
The 2x Grid provides structural, proportional, and spatial guidelines for all IDB Invest design. Also, it affords precision and organization in every design we create, from products to interfaces.
When applying, 2x grid spaces are divided or multiplied by 2, creating columns and rows and establishing an underline grid system.
Dividing your space into 2, 4, 8, 16, 32, or 64 columns gives you the basics of the system with the purpose of helping you make decisions and organize your content.
Constructing the 2x Grid
Each application of the grid can require a different grid structure. When constructing the grid, keep in mind these different types of grids and choose which one best serves your need.
​
Columns and Rows
Within the grid, columns and rows are especially important—they give layouts their structure. You can choose between 1, 2, 4, 8, and 16 divisions. Stick to your choice throughout your design to maintain the structure.
Add margins to your canvas when you need separation of content from the canvas boundaries. In some cases, margins are specified by the production method.
Margins
Add gutters to columns and rows when additional space is needed to separate content. When using gutters, always align type to the gutters rather than the canvas divisions. Columns and rows must always remain equal.
Gutters
Images and Containers
When designing across varied scales or multiple formats, the 2x is proportionally adaptable, ensuring harmonious relationships spacing liability and rhythm.
Use common aspect ratios, such as 16:9, 4:3, 3:2, 2:1, and 1:1 for images and containers.
Always measure the width to the columns; the height is determined by it.
Base Units
If the 2x grid gives your design's structure, base units provide them with precision. Using a base unit will establish relationships between your grid proportions, typography, dimensions of shapes, and space between elements.
Distance vs Size
The base unit can vary in size, depending on the media. When choosing an appropriate unit for your application, consider the viewing distance.
Each base unit in the scale below has a type scale pairing and was determined by legibility over distance.
Space and Elements
All spacing between elements can be defined by the base unit. Use the following multiples of your base unit to construct your layout: 1x, 2x, 3x, 4x, 6x, 8x, 10x, 12x.
Consistent and replicated use of spacing ensures spatial rhythm between all content.
