Architecture by Opentoskyarchitects.
The starting point for the Tri Visual Language system is a grid of 3 x 3 (coming from TRI), where we block spaces for the logo to appear in relation to the imagery. The space can be blocked full height, width or in any other potential combination.
The 3 x 3 grid has been layered with 6 columns in each box, allowing for fine alignments of content across various collateral. The grid is used to create larger, structural groups for content. The columns inside are used to align content inside respective containers, working horizontally as well as vertically.
The layout grid works for billboards, social media and any other ratio or medium.
In cases where there’s no imagery available to use with the brand collateral, a brand pattern can be made using the Tri logo elements, in different orientations, sizes, colours and crops.
The compositional possibilities with all these variables are endless, and can be toned up or down, in fun or loudness, as required by the collateral.
Once the tonality is figured out, the design can be used on various collateral as a standalone graphic too, like the tote bag above or the posters below.
The brand patterns were designed to also be used in the niche windows of the building facade, further connecting the heritage triangular building with the Tri identity system.
