14
Guidelines Design elements

Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Guidelines

Design elements

Page 2: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 2

Structuring and designing appealing content

Whether for flyers, invitations or brochures, the crucial element in publications besides content is a consistent design that has recognition value. Publications with a consistent design strengthen the Liebherr brand and shape a clear brand identity. Precise specifications on the use of tables, highlight elements and info boxes, for example, as well as the use and positioning of images are intended to help you create the publication in question.

The following pages give a detailed explanation of the various design elements. • Tables• Highlights• Info boxes• Teasers• Image labels

The basis is identical for all publications, only the font sizes and spacings need to be adapted for different formats, according to reading habits. In addition, at the end of the explanation for each design element, you will find a table summarizing all the important data for said element.

Page 3: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 3

Table design element

General specifications• A distinction is made between text-heavy tables and

tables primarily containing technical data.• The table width is defined by the columns available in

the basic grid. The minimum width is equal to one col-umn of the basic grid. However, the width of a table can amount to the width of all columns on one page.

• The text in the tables is not aligned with the basic grid.• The height of the header row and subsequent rows in

tables can be found in the summary table on page 6.

Rubble grab Grab model GM 20CShell width mm 1190 1500 1750Volume m3 1.20 1.50 1.75Max. rubble weight t / m3 1.7 1.7 1.7Weight kg 1520 1645 1750

Technical tables1 Table heading: Helvetica Neue LT 77 Bold Condensed.

The font size can be found in the summary table on page 6.

2 The text in the columns is indented to the right by a set value. This value can be found in the summary table on page 6.

3 The table may have no heading at all, in which case it starts with a gray row.

4 Alternate rows are gray (20 % black) and white.5 If, due to the content of the table, it would be useful to

delimit the columns, they may be separated by a thin line (30 % black).

6 The heading is always white, separated from the row below by a line (30 % black). This means the table always starts cleanly on a new row. The line thicknesses can be found in the summary table on page 6.

7 The first row after the heading has a white background.8 The heading is preceded by a vertical colored line. The

thickness of this line is defined by the font size of the table text x 0.1. The height is the same as that of the first row in the table or pictogram, if present.

9 Every table ends with a horizontal closing line (30 % black).

10 If the table is accompanied by explanatory text that directly refers / adds to the table, this should be in the same font and font size as the text in the table and justified.

Other specifications • Technical tables are used to display and structure tech-

nical data.• If necessary, the font size can be reduced to 75 % of

the original size, provided this is applied uniformly for all data tables in the document.

• The height of the highlight line is the same as that of the first row in the table. The width is the font size of the table text in mm x 0.1.

• The column widths in a table can be selected freely, if necessary.

• For pages containing tables only, each table has its own heading.

Elevation model LFC 120Elevation 1200 mmB 4.347 mmC 4.850 mmD 788 mm

Rigid cab elevation means the cab is at a fixed, elevated height. If a lower transport height is required, the cab elevation must be removed and replaced by a transport device. For all rigid cab elevations in this machine model, dimension C is 3954 mm.

1

2

45

6

8

9

7

3

4

10

Page 4: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 4

Sorter grab Ribbed Perforated

Grab model GM 20CShell width mm 1190 1500Volume m3 1.20 1.50Max. closing force kN 1.7 1.7Weight incl. adapter plate kg 1520 1645

L 507 Stereo L 509 StereoTipping load kg 3491 – 3712 4268 – 4430Bucket capacity m3 0.9 – 1.6 1.2 – 2.0Operating weight kg 5470 – 5654 6390 – 6480Engine power kW / hp 50 / 68 54 / 73Emission stage Stage IIIB / Tier 4f Stage IIIB / Tier 4f

Complete machine 40 M

50 M

40 C

LubricationUndercarriage lubrication, manual – local (lubrication points) • •Uppercarriage and equipment central lubrication system • • •Undercarriage central lubrication system, fully automated + + +Custom colors, versions + + +MonitoringRear area monitoring with a camera • • •Side area monitoring with a camera + + +

Other examples

Headline second row

Headline second row

Tipping load kg 3491 – 3712Bucket capacity m3 0.9 – 1.6Operating weight kg 5470 – 5654

Additional column headingsHelvetica Neue LT 77 Bold Condensed, 8 pt

Contents, left-aligned1 mm spacing from the left

Applicable dimensions, right-aligned. 1 mm spacing from the right

Version with two equal headings

Helvetica Neue LT 77 Bold Condensed, 8 pt

Spacing between highlight and pictogram = double line thicknessSpacing between pictogram and headline = double line thicknessPictogram = 6 mm high (proportional width)Line = 0.15 mm, 100 % black

Column width 5 mm

Table heading on two rows

Page 5: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 5

Table header textHelvetica Neue Light 8 pt, aligned with the basic gridEngine type Liebherr D934Helvetica Neue Bold 8 ptSecond level Text hereSecond level Text hereEngine cycle Four-stroke diesel

Common rail injection system Turbocharger with after-cooler Optimized for low emissions

Air filter Dry air filter with pre-cleaner, main and safety element

Automatic idling Sensor-controlledStage IVPollutant emission levels as per 97 / 68 / EC Stage IVExhaust emissions control Liebherr SCR technologyFuel tank capacity 460 lDEF tank capacity 65 l

Table design element

UseText-heavy tables are used to present data and larger amounts of text in a clearer and more structured manner.

Text-heavy tables1 Table heading: Helvetica Neue LT 75 Bold.2 Table text: Helvetica Neue LT 45 Light or Bold for

emphasis. 3 Text on one row: The text is inside the cells and

centered vertically.4 The individual rows of the table are separated from one

another by thin lines (30 % black). The corresponding line thicknesses can be found in the summary table on page 6.

5 The columns are not delimited by vertical lines.6 Minimum row height: 3.5 mm.7 For the highlight height and thickness, see page 8. 8 Spacing from pictogram to line / heading:

Double line space.9 Pictogram size: 6 mm high (proportional width).

Other specifications • The font size for each publication can be found in the

summary table on page 6.• The table does not need a heading.• The table heading can be preceded by a highlight if

desired; pages containing tables only must have highlights.

• If there are two hierarchy levels, the first level must be bold.

Text-heavy table with heading and no highlight for DIN A4 and DIN C0 sizes

Text-heavy table with highlight

Diesel enginePerformance as per ISO 155 kW (211 hp) at 1800 rpmEngine type Liebherr D934Model 4-cylinder in-line engineBore / stroke 122 / 150 mmDisplacement 7.0 lEngine cycle Four-stroke diesel

Common rail injection system Turbocharger with after-cooler Optimized for low emissions

1

4

5

43

6

2

89

Page 6: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 6

Publication Heading Text* Minimum header height Minimum row heightDIN A5, DLCampaign flyer, 99 x 210 mm

8 pt 8 pt 4 mm 3.5 mm

DIN A4 / DIN C0Product brochure, image brochure, invitation, trade fair magazine,campaign flyer, 235 x 125 mm

9.5 pt 8 pt 4.5 mm 3.5 mm

Information signs / roll-up banners 55 pt 46 pt 27 mm 23 mm

PublicationIndentation of text in first column with highlight

Indentation of text in remai-ning columns (technical table) Line following header row

DIN A5, DLCampaign flyer, 99 x 210 mm

2.4 mm 1 mm 0.3 mm 30% black

DIN A4 / DIN C0Product brochure, image brochure, invitation, trade fair magazine,campaign flyer, 235 x 125 mm

2.85 mm 1 mm 0.3 mm 30% black

Information signs / roll-up banners 16.5 mm 6 mm 1.8 mm, 30% black

Publication Vertical lines Pictogram sizeDIN A5, DLCampaign flyer, 99 x 210 mm

0.15 mm 30% black

Height: 5 mm (proportional width)

DIN A4 / DIN C0Product brochure, image brochure, invitation, trade fair magazine,campaign flyer, 235 x 125 mm

0.15 mm 30% black

Height: 6 mm (proportional width)

Information signs / roll-up banners 0.9 mm, 30% black 27 mm

Use of tables per publication

* In technical data sheets or brochures, the font size can be reduced by 25 % if there is a lack of space.

Page 7: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 7

Contents level 1 1

Contents level 1 2

Contents level 2 3

Contents level 2 4

Contents level 2 5

Contents

UseA contents page is particularly useful in relatively large documents as it provides an overview of all the information contained therein.

Design1 Font type and size = Helvetica Neue LT 47 Light

Condensed, 9.5 pt.2 Bold for the first level = Helvetica Neue LT 77 Bold

Condensed, 9.5 pt.3 Line thickness = 0.15 mm, 30 % black.4 Position of the text within the row = centered vertically.5 Second level indent = 2.85 mm (see table on page 6).6 In versions with a highlight line: Spacing between the

line and text = twice the width of the line.7 Spacing between chapters = 1 row.

Other specifications• The contents is structured as a table and generally

follows the layout of a text-heavy table.• It is possible to number the contents, in which case the

numbers must also be used in the headings throughout the document.

• It is not possible to use a combination of numbering and highlights.

Publication First level font Second level font IndentMinimum row height in the contents

DIN A5, DLCampaign flyer, 99 x 210 mm

Helvetica Neue LT 77 Bold Condensed, 8 pt

Helvetica Neue LT 47 Light Condensed, 8 pt

2.4 mm 5 mm

DIN A4 / DIN C0Product brochure, image brochure, invitation, trade fair magazine,campaign flyer, 235 x 125 mm

Helvetica Neue LT 77 Bold Condensed, 9.5 pt

Helvetica Neue LT 47 Light Condensed, 9.5 pt

2.85 mm 6 mm

Contents level 1 1

Contents level 2 2

Contents level 2 3

Contents level 2 4

Contents level 1 5

Contents level 2 6

Use of table of content per publication

1

2

34

5

6

7

Page 8: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 8

Highlight Helvetica Neue LT77 Bold Condensed, 24 / 30 pt

Highlight design element

UseA highlight structures and divides the page by identifying the key information. It is always used in combination with text and in different ways: As an intro to start a new topic or as a summary of the key points in a text. The highlight line can also be used in the header row in tables.

DesignThe highlight is characterized by a yellow / blue vertical line defined as follows: 1 The highlight is used together with the fonts Helvetica

Neue LT 75 Bold and Helvetica Neue LT 77 Bold Condensed.

2 Highlight width: Font size in pt = mm x 0.1 ➝ Example: 24 pt = 24 mm x 0.1 = 2.4 mm wide.

3 Spacing to the text: Twice the width of the line Example: Width = 2.4 mm, spacing between line and text = 4.8 mm.

4 Highlight height: Font size in pt = mm x 0.75 Example: 24 pt = 24 mm x 0.75 = 18 mm high.

Other specifications• A maximum of four highlights are permitted per page.• If the highlight refers to an image, it should be directly

next to said image, with one row of spacing before or after.

• If the highlight refers to a passage of text, it should be directly next to said passage, with one row of spacing before and after.

• If multiple highlights are next to one another, the individual highlights should be positioned within the column grid.

• The width of the highlights can vary depending on the length and in accordance with the different column widths.

Publication Font size Highlight height Highlight width Spacing between highlight and textDIN A5, DLCampaign flyer, 99 x 210 mm

8 / 10 pt 6 mm 0.8 mm 1.6 mm

DIN A4 / DIN C0Product brochure, image brochure, invitation, trade fair magazine,campaign flyer, 235 x 125 mm

9.5 / 12 pt 7.125 mm 0.95 mm 1.9 mm

Information signs / roll-up banners 55 / 82.5 pt 41.25 mm 5.5 mm 11 mm

Use of the highlight per publication

3

1

2

4

Page 9: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 9

Intro, Helvetica Neue LT 75 Bold, 18 / 22 pt

Can also be just one row long

Helvetica Neue LT 47 Light Condensed, 9.5 / 12 pt

Highlight with list Two-row version • List with highlight: Helvetica

Neue LT 47 Light Condensed, 9.5 / 12 pt, unjustified

• First row indent – 2.85 mm • Heading no longer than two rows • When combined with a highlight, always

use Helvetica Neue LT Condensed Bold • A maximum of four highlights are per-

mitted per page

Example list and intro for a product brochure

Page 10: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 10

Info box design element

UseAn info box makes it possible to summarize important points at a glance or provide additional information about a particu-lar topic. The info box can be placed on an image and directly in the text.

Operating weight36,400 – 43,500 kg

Engine155 kW / 211 hpStage IV Stage IIIA

System performance221 / 246 kW

Summary goes here

Point 1

Point 2

Point 3

Design 1 The info box starts with a colored line that spans the

entire width of the design element. The line is the same width as the horizontal line in the footer.

2 If the info box is on an image, it is white with an opacity of 80 %. The area of the box directly adjoins the under-side of the colored line.

3 If the info box is on a white background, the bottom is bordered by an additional line (100 % black, line thickness as per the table).

4 The text inside the info box begins a set distance (= column spacing of the relevant publication) away from the top and left, see the table below.

5 The last row of text in the info box is followed by a specified spacing, see the table below. ➝ If the box contains multiple languages, the height of the box depends on the longest language.

6 The fonts used should be Helvetica Neue LT Condensed Light and Bold.

Info box on the title pageOn the title page, the info box is located either at the top right or left in the image, one row beneath the edge of the image.

Other specifications• The width of the info box depends on the available col-

umns in the basic grid of the relevant publication. • If necessary, the width of the info box can extend across

one or multiple columns. The minimum and maximum widths for each publication are listed in the summary table below.

• If an info box directly precedes or follows a passage of text, there must be one row of spacing between them.

• The font in the info box is not aligned with the baseline grid.

• The height of the info box can be adapted as required.

Use of the info box per publication

Publication Font size Horizontal line Black line underneath Width of the info box Distance from text to edgeDIN A5, DLCampaign flyer, 99 x 210 mm

8 / 10 pt 0.8 mm 0.15 mm 1 – 2 columns 5 mm (column spacing)

DIN A4 / DIN C0Product brochure, image brochure, invitation, trade fair magazine,campaign flyer, 235 x 125 mm

9.5 / 12 pt 1.1 mm 0.15 mm 1 – 2 columns 5 mm (column spacing)

Information signs / roll-up banners -

1

6

2

3

4

4 4 4

4

4

5

5

Page 11: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 11

Design and positioning1 The teaser is positioned inside the column grid, prefer-

ably on the left- or right-hand edge of the print space. 2 It is possible to position the teaser so that it bleeds off the page.3 The width of the teaser is determined by the columns

of the basic grid of the relevant format. The possible widths are listed in the table below. The gutter can also be used in combination with the column width to create an intermediate size. If the teaser is bled-off, the width increases by the width of the relevant page margin.

4 The height of the teaser is determined for each format. The exact values can be found in the table below.

5 Helvetica Neue LT 75 Bold or Helvetica Neue LT 77 Bold Condensed should be used as the font. The choice of font must be consistent within the same publication. The font size is adapted to the relevant format, see the table below.

6 The text begins a set distance away from the left-hand edge of the teaser. The spacings for each format can be found in the table below.

Teaser on the title page• On the title page, the teaser starts at the top edge of the

image, one row of the baseline grid beneath the edge of the image.

• In addition, the text inside the teaser is not bound by the baseline grid.

• When combined with an info box on the title page, the teaser is positioned above the info box. The width of the teaser then matches that of the info box.

Other specifications• The text in the teaser is aligned with the baseline grid.• The text inside the teaser may run on one or two rows;

for brochures and flyers it can run onto a third row. • The spacing to another element or passage of text on

the page should be at least the same as the line thick-ness of the horizontal line in the footer.

• Multiple teasers on the same page should all have the same width.

Teaser design element

UseA teaser can be used to draw attention to new features or other important information.

On requestOn request

If there is a large amount of text, font size 9.5 pt should be used. The teaser can cover two columns

This text is on two rows

Example teaser for DIN A4 and DIN C0 formats

Use of the teaser per publication

PublicationFontsize

Distance from text to edge

Height of the tea-ser on one row

Height of the tea-ser on two rows

Height of the teaser on three rows

Width of the teaser

DIN A5, DLCampaign flyer, 99 x 210 mm

8 pt 1.98 mm 5.976 mm pending pending 1 – 2 columns

DIN A4 / DIN C0Product brochure, image brochure, invitation, trade fair magazine,campaign flyer, 235 x 125 mm

9.5 / 12 pt 2 mm 6.397 mm 10.63 mm 14.863 mm 1 – 3 columns

Information signs / roll-up banners 95 / 114 pt 20 mm 63.929 mm pending - Max. half width

New!

New! Pantone 288 C/C100 M67 Y0 K2340 %

13

4

6 5

2

Page 12: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

1 2 3

654

Liebherr Design Elements Guidelines 12

Use of captions • Additional descriptive text can be added to an image in

the form of a caption. • The use of captions should be handled consistently for

each publication.• In addition to images, graphic drawings can also be

used. If necessary, these can also be provided with a caption.

Use of labels In addition to a standard caption, it is also possible to label certain sections of an image. This is possible in two ways: A Labeling the image using lines.B Labeling the image using white circles with a yellow

outline.

Design1 The caption or label should be in Helvetica Neue LT 45

Light. The font size for the respective publications can be found in the table on page 13.

2 For more precise labeling, lines in 100% black can also be used. The line thickness is specified for each format and the thicknesses for each publication are listed in the summary table on page 13. The lines run in parallel with or perpendicular to the baseline grid. The associated text is either centered, left- or right-aligned to the line.

Labeling graphics• Graphics are labeled and captioned in Helvetica Neue

LT 47 Condensed or Helvetica Neue LT 77 Bold Con-densed, both 8 / 12 pt.

• The label does not have to be bound by the grid.

Other specificationsCaptions are left-aligned directly beneath or alongside the image. The first row starts in line with the baseline grid.

1 Text 12 Text 23 Text 34 Text 45 Text 56 Text 6

Output module Filter module (replaceable)

Input module (with integrated DOC= Diesel Oxidation Catalytic converter)

3 Alternatively, images can be labeled using circ-les. The circles have a specific diameter and specific outline in the relevant company color for each format of the publication. The relevant values can be found in the summary table on page 13.

Captions and labels

1

3

1

2

A

B

Page 13: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

1 2 3 4 5

Liebherr Design Elements Guidelines 13

Use of image labeling per publication

Publication Font size Line thickness Circle diameter Circle outline Square sizeDIN A5, DLCampaign flyer, 99 x 210 mm

8 / 10 pt 0.25 mm Black

3.5 x 3.5 mm White

0.25 mm 3,528 x 3,528 mm

DIN A4 / DIN C0Product brochure, image brochure, invitation, trade fair magazine,campaign flyer, 235 x 125 mm

8 / 12 pt 0.25 mm Black

3.5 x 3.5 mm White

0.25 mm 4,24 x 4,24 mm

Information signs / roll-up banners 46 pt 0.9 mm black 21 x 21 mm white 1.5 mm 29,104 x 29,104 mm

Caption on image collagesThe individual images of a picture collage can be labeled by using numbers:• The numbers are located on the left or right in a

cornerof the images on one transparent square. The position of the square is preferably arranged below,

• The square has the edge length according to the line spacing of the publication

• The opacity of the square is 80 % white• Helvetica New 75 Bold is used as font

1 Text 12 Text 23 Text 34 Text 45 Text 5

Page 14: Design elements · Liebherr Design Elements Guidelines 4 Sorter grab Ribbed Perforated Grab model GM 20C Shell width mm 1190 1500 Volume1.20 1.50 m3 Max. closing force kN 1.7 1.7

Liebherr Design Elements Guidelines 14

Design Element GuidelinesLast revised 2017 / 03Comments These elements are intended for use in print media

and publications. There are other specific elements governing digital media.