Training Material Style Guide

A visual, modern and flexible training system that can be easily updated and built upon that is intended for internal training and education purposes.

Content
2. Layout proportions 3. Colours 5. Screen type specimen 6. Print type specimen 7. Minimum and recomended sizes 9. Image handling 10. Videos

H mes Run Better On RelianceTM

Layout
Layouts should conform to using these proportions as a guide to your working area. It may be broken if your content requires you to do so. It must be used as a reference for title placement and where text and images will sit or hang from.

note Also
Set hyphenation to affect words longer than 6 characters. Hyphenate at least 3 letters. You can import the paragraph and character styles from this file and are encouraged to do so. This will guarantee a consistent look and feel across all training materials no matter what the object in question is. Scale and transform the above vector to fit your working area. By using the horizontal and vertical lines you can quickly make a pleasing layout regardless of the content. A layout with multiple columns will have gutters of 7pt wide. In a modular grid, the space between the rows should be 11pt high as to line up best with the text for print use and 12pt for screen use. Important sections of text should be coloured. Yes, the whole paragraph. This makes it more engaging to read while enforcing a visual hierarchy. You may find when working on hand outs and other print items that a 9pt grid helps keeping track an otherwise complicated layout. Keep a 9pt safety area from the sides of the page should the margins be too big in a horizontal layout. Dont bold the text if you can, use colour or italics. Group information and use icons and images as much as possible to make learning more memorable.

Bold text
Is not actually bolded, just bigger and sans serif. Only bold text if the documents publication is limited to black and white production. This keeps the document light, minimal and clean and the text inviting and readable. You should want to read the text, it should look light and easy.

FOOTER Tag line

Homes Run Better On Reliance should be on the bottom of the page as displayed. In the case of a double sided handout, just the last page. It should be aligned to the left side and extend to the edge of the active area as shown below or bleed off the page.

H mes Run Better On RelianceTM

Colours
Colour is an important part of the design system. It helps catagorize as well as make clear points of visual intrest. Keep to using the blue red and black colours. Use grey only if necessary.

colour + icons

RGB: 239, 67, 35 CMYK: 0, 89, 100, 0

RGB: 0, 89, 154 RGB: 0, 176, 79 CMYK: 100, 55, 0, 20 CMYK: 81, 0, 97, 0

You are encouraged to recolour small parts of icons to help the reader understand the text however all icons should remain mostly black.

RGB: 0, 0, 0 RGB: 115, 117, 119 CMYK: 75, 68, 67, 90 CMYK: 56, 47, 45, 12 Rich black and grey are used to make the icons and diagrams pop off the printed page. Keep each section of training to mostly one colour if possible. Change the colour of the underlines and other coloured materials and icons to match. For example:

Health & Safety

H mes Run Better On RelianceTM

Sales
H mes Run Better On RelianceTM

Technical Training
H mes Run Better On RelianceTM
For additional departments to be added in the future: use seccondary colours from the official corperate style guide to assign colours.

H mes Run Better On RelianceTM

Colours
Typography on colour backgrounds
A solid colour background with white text and icons is used as a like a title page for small informational print materials.

H mes Run Better On RelianceTM

Typography
Slide Titles: Arial Bold13/15.6

Rules For Screen Use

Point Heads, Heavy Emphasis: Arial Bold 18/21

Facculpa con eaquia nonsed endi vol oremod quas asperio nsequae lam eveleste provitat.
A famous person, July 2006
Quote, Image Caption: Times New Roman Bold 21/24 6pt Extra Leading Centered, By-Line: Times New Roman 13/24

Screen Rules

Intended use is for power points and other screen based media. You may find the type size is too big when printed but looks right on screen.

Times New Roman Should be used for emphasis in the body copy. Am quibusa nihicium fuga. Et rem eum ipiditaerei voloristios que nulpa nullabo. Nam qui officiet untistio blab incte preped mo cone rem aut renditatet faccus, ut porta moluptatum et ad. Bold important points on its own line. Molenda sum et labo. Et fuga. Ut minverum volupta tusdae pro ipsumenda inim qui dolorum Rectae rectur. aut mo ipiet elit alique peri. Dont be afraid of colour text. Sum aliquis luptatat fuga orr ovidust i. Aqui corrovid moloreptati ipsam, sita demporr ovidust ionsedit, vit autatur, nihil invenisquam rehendandels qui dolenie.
Body Copy: Arial Regular 13/15.6 50% Extra Leading

Lets list some important points quick: Elit alique peri sum aliquia voluptatat fuga. Aqui corrovid moloreptati ipsam, sita demporr ovidust am ionsedit, vit autatur, nihil invenisquam rehendandeni qui
List: Arial Regular 13/15.6 7pt exdent 50% Extra Leading

Typography
Small Title

Page Titles: Arial Bold 34/34 All Caps, 2 pt Underline length of textbox.

Small Page Titles: Arial Bold 34/34 All Caps, 2 pt Underline length of textbox. Use only for smaller formats (buisiness size) or for subheads. Am quibusa nino nihicium fuga. Et rem eum ipiditaerum voloristios que nulpa nullabo. Nam ni officiet untistio blab incte preped mo cone rem aut renditatet faccus, ut por moluptatum et ad molenda sum et lakne bo. Colour Important Stuff. Et fuga. Ut minverum volupta tusdae pro ip sumenda inim qui dolorum rectae rectur, aut mo ipiet elit alique peri sum aliquia voluptatat fuga. Aqui corrovid moloreptati ipsam, sita demporr ovidust ionsedit, vit autatur, nihil invenisquam rehendandeni qui doleniendio doloruntis quasper fernatem uta quis nobis et omnissima dis mo conseca tisimolo voluptat. Make short bits pop! Body Copy: Times New Roman Regular 13/15.6 50% Extra Leading Points should be grouped and positioned well and be brief.

Print Rules
Intended use is for handouts and print learning supplements. Text should be mostly visual, and therefore use Arial. For paragraphs use Times New Roman. Keep to using one colour plus black for handouts.

Serif test should be accompanied by a graphic element that is centered to the column. Captions, Small sans-serif: Arial Regular 9/11pt Right Align

The intent is to have the serif type compliment icons which tell most of the story.

Blocking icons
Maintain a 9pt minimum type safety from the bottom and 12pt from the top. When grouping objects like below, keep the text boxes 9pt from each other. This can be lowered to 7 to accommodate the content.

Driving hazards

Electrical hazards

Manual Handling

(lack there of)

House keeping

Chemicals

The worker

(ergonomic s, safety...)

Use sans-serif for Points. In addition, use serif for sentences.

Minimum and Recommended sizes

Training Materials handouts
Minimum: 2 x 3.5 (standard buisiness card size Recommended: 4.25 x 5.5 ( standard US letter size)

H mes Run Better On RelianceTM

Minimum and Recommended sizes

SCREEN Materials
Recomended Powerpoint: 8.5 x 11 (standard US letter size) Recomended Video: 16:9 widescreen format NTSC HDTV 1080p Minimum Video: 3:4 stardard NTSC 720p is preferred

H mes Run Better On RelianceTM

image handling
The power point should have a ratio of 17:20 or 720px by 612px. Or, simply put, letter size with a landscape orientation. Again, you should apply the proportions to align all of the elements in the layout, especially pictures, icons and text-boxes as per the examples below. 7-9pt is a suggested minimum margin from other elements. Hide proportional guide in final export.

Note how the main graphic falls in the triangle and the text hangs in the lower region.

This is more a center weighted, 2 column layout. The icon and text boxes all match up with the two lines defining the center region.

The proportional guide in this case is used for the text to hang from. Dont forget to use your 7pt gutters!

Keep the text minimal. If you need to add some columns underneath that is acceptable. Crop along the guides. 7pt gutter.

H mes Run Better On RelianceTM

Video
Start each video, stand alone or small clip with the Reliance animated logo clip which fades out for one second. Typically, video clips will be embeded into a powerpoint for text screens.

Be sure to use establishing shots illustrating the setting the team mate will be working in.

End each video showing the house icons and the value propisition.

H mes Run Better On RelianceTM