Our toolkit is flexible and rich in possibility for both layout and visual expression.

Shapes

Globes

Meeting points

Our visual language

Go to overview

Shape layout with type

Shape layouts are super graphic, often using mirrored crops of our shapes. They are a great solution for type-based layouts. The way our shapes are distributed across the page will dictate how we place our type. We use the natural spaces created by our shapes to place our type. The goal is to achieve visual harmony.

Rhythmic type: Our shape layouts create an opportunity to typeset our headlines in ways that create real visual interest by breaking up copy and positioning it in the natural spaces created by our shapes. To do this, identify key points where the copy can naturally be break up.

Overlaying type: If our shape layout has no contrasting colourways and is muted enough we have the option to set our type in a more traditional manner. This includes centrally aligned type, or left aligned type. This should be mainly used when we have instances of longer paragraphs of text.

Go to overview

Shape layout with art direction

Our shape layouts are great holders for art direction. Use our key shapes, or multiple key shapes, grouped to mask out images. When doing so, make sure all key subjects in the scene and visible and not being covered by parts of the surrounding shapes. Shape masks should cover the majority of your canvas.

Go to overview

Shape layout with illustration

Our shape layouts are the only instance in which we incorporate our illustrations in our graphic language. To do this, we centrally position an illustration on top of a crop of a shape that has enough surface area.

Often if our illustration will have lines or natural baselines, we can place it on the line where two mirroring shapes meet this creates the illusion that our illustration is resting on the shape.

Go to overview

Things to avoid

When working with our shape layouts, please do not make the following mistakes in order to maintain consistency and legibility within the Remote brand.

Do not use light colourways without a contrasting type colour

Do not break headlines in unnatural points and make sure your type is always aligned

Do not overlay long paragraphs of text on top of contrasting colourways

If an illustration has a natural baseline  make sure it aligns with the baseline  of your mirrored shape

When using multiples of a shape to mask out image, make sure the shape doesn’t create sharp points. Avoid this by moving shapes closer together

Do not space out shapes when masking out images. Shapes should be grouped together.

Go to overview

Globe layout with type

Our rotation globe layouts work best with left aligned typography. When creating these layouts please use two colours only. The pattern colour should match the colour of the type. To ensure legibility, place the logo over the negative space, not over a globe.

Overhead globe layouts should be used only with tonal colour pairings to ensure that type is legible. These layouts work great with left aligned or centrally aligned type.
The height of your logo symbol should match the height of your type headline in both cases.

Interior globe layouts should be used only with tonal colour pairings to ensure that type is legible. These layouts work great with left aligned or centrally aligned type.
The height of your logo symbol should match the height of your type headline in both cases.

Go to overview

Things to avoid

To maintain consistency and legibility, please avoid the following mistakes.

Make sure your type does not  overlay your globe asset

Make sure your logo does not overlap with your globe asset

Do not make logo too big. The height of your symbol should match the height of your type

Do not use any overhead or interior globe patterns in contrasting colourways

Do not use overhead globes in the same way that rotation globes are used

Make sure your globe layouts are only set in two colours

Go to overview

Meeting point layout with type

We use our meeting point layouts when we want to be bold and singular with our type. As patterns can be rich and complex, make sure your type is large and that you are using tonal colour pairings with contrasting colours for your type and logo. Use either left aligned or centrally aligned type and logo.

Go to overview

Meeting point layout with images

You may use a single side of the meeting point pattern as a framing device paired with imagery. Try to overlay some of the shapes over the image, but be careful not to obscure essential elements. This will allow you to slot in your image and create a frame.

You may use a single side of the meeting point pattern also as a simple overlay. This will allow you to create a layout with pattern and image while retaining plenty of negative space. When positioning your single pattern, try to overlay some of the shapes over the image, but be careful not to obscure essential elements.

When working with Remote product images, use a single side of the meeting point pattern under the product. Try not to use colours that are too contrasting, and never ovelay the product with a pattern.