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.
Parts of a Layout
A typical composition consists of the following elements:
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 sectionfor 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
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.
Portrait
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
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
Want to print your doc? This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (