Skip to content
Layout Guide

icon picker
Text & Information

Overview

In order to utilize the brand signatures, elements and illustrations, the designer needs to have a good grasp of the layout. Here are some guidelines to follow in order to maximize the use of ARC’s visual elements.
ARC-KV-illustration-4th pass04.png

Parts of a Layout

A typical composition consists of the following elements:
ARC-Layout-PRT.png
Headline
Subhead
Body copy
Border
Background
Hero Image

Headline

The main key message or call to action in a layout. This line of text should always be at the top of any composition. It should be set in our official headline font and if possible, all text should fit in one line. The font size should be the biggest in the entire layout.

Subhead

A line of text that supplements the headline. The subhead is always seen below the headline. It should be set in our official subhead font. The font size should be at least 50% smaller than the headline font but must be at least 100% bigger than the body copy.

Body Copy

This section contains the majority of the information in the layout. It should be set in the official body copy font. The font size should be the smallest in the entire layout but still big enough to be readable.

Border

This element defines the boundaries of the layout. See Borders section for proper use and construction.

Background

This is the main canvas of the composition it may be filled with an image or a pattern. See Background Pattern section for proper use and construction.

Hero Image

This is the primary image where the whole composition is centered around. The image can be a photo, illustration, or both. When a hero image is used, it should occupy at least 1/3 of the composition.

Drop Caps

ARC-Layout-HR.png
Drop caps can be used to add flair to a simple paragraph. It should only be used on the first letter of the first paragraph. Substitute the first letter with its corresponding Archipelago Letras in our illustration library. The height of the drop cap should be equivalent to three lines from the paragraph.
Drop caps should only be used on left aligned and justified paragraphs. Not all layout should contain a drop cap.


Composition

A typical layout can have one of 2 orientations: portrait or landscape.
ARC-Layout-HD-01.png
Portrait
ARC-Layout-HD2.png
Landscape

Portrait

A portrait orientation is commonly used for posters, social media and 1-page ads on magazines. Here are some layout examples for this orientation. Use these diagrams as a guide to compose your design:
Legend: Headline, Subhead, Body Copy, Hero Image, Border
ARC-Layout-EXV-04.png
ARC-Layout-EXV-05.png
ARC-Layout-EXV-06.png
ARC-Layout-EXV-07.png
ARC-Layout-EXV-08.png
ARC-Layout-EXV-09.png
ARC-Layout-EXV-10.png
ARC-Layout-EXV-11.png
ARC-Layout-EXV-12.png
ARC-Layout-EXV-13.png
ARC-Layout-EXV-14.png
ARC-Layout-EXV-15.png

Landscape

A Landscape orientation is commonly used for full-spread ads, banners, and computer screens. Here are some layout examples for this orientation. Use these diagrams as a guide to compose your design:
Legend: Headline, Subhead, Body Copy, Hero Image, Border
Untitled-3-16.png
Untitled-3-17.png
Untitled-3-18.png
Untitled-3-19.png
Untitled-3-20.png
Untitled-3-21.png
Untitled-3-22.png
Untitled-3-24.png
Untitled-3-25.png
Untitled-3-23.png
Untitled-3-26.png
Untitled-3-27.png
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.