Previous:

Logos

Next:

Use-Case Examples

Fonts & Styling

A house-font is commonly used within a brand’s identity and when used correctly, can help reinforce the tone of voice of a company.

The DIN font has been used in this role, though type foundry, font-family and styling; and how and where it should be applied to different use-cases were never fully defined. This lack of definition can be attributed to many inconsistencies across your marketing materials.

To correct this situation font selection and the subsequent development of a house-style have been driven by the tone of voice used in your most common use-case scenarios: key messaging, straplines, headings, signage, instructions, supporting information, etc.

Tone of Voice

A simple approach for headings, straplines, key messaging and body-text was adopted for the Recycling and Skip website. To better understand use-case scenarios, I looked at your other websites and existing marketing collateral prior to introducing the following convention:

  • Headings, titles and alerts: providing an assertive stop, look, pay attention tone.
  • Straplines and key messaging: providing a more friendly, softly spoken tone.
  • Default: neutral tone for body-text and supporting information such as product details, address/contact details etc.

Please Advise:

If you have additional use-case scenarios where another tone of voice is required such as quotes/customer recommendations, salutations, etc.

Font selection criterion

A suitable DIN font was selected to meet the tone of voice convention and the following criteria:

  • Provides various fonts and font-subsets that allow flexibility in the house-style design.
  • It can be used across all channels – print, signage, banner and poster designs across social media, advertising, etc. And, importantly, the web.
  • Be reasonably close to the current, most commonly used DIN fonts to avoid a jarring transition from existing artwork to the new designs during the transition period.
  • Be commercially available for use across all channels from an established type foundry or license holder.

Candidate Font: URW DIN

After reviewing numerous DIN fonts, URW DIN from the URW Type Foundry and published by Adobe has been selected – Adobe Fonts/URW-DIN.

Selected Fonts:

The URD DIN collection has 48 different font-styles. To keep things simple and meet the tone of voice/use-case scenarios, five fonts/font-weights have been selected:

urw din

URW DIN 200 (light)

a b c d e f g h i j k l m n o p q u r s t u v w x y z
A B C D E F G H I J K L M N O P Q U R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0 ! @ £ $ % ^ & * (   ) _  –  +  =  {   } ?

URW DIN 400 (default/normal)

a b c d e f g h i j k l m n o p q u r s t u v w x y z
A B C D E F G H I J K L M N O P Q U R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0 ! @ £ $ % ^ & * (   ) _  –  +  =  {   } ?

URW DIN 600 (bold)

a b c d e f g h i j k l m n o p q u r s t u v w x y z
A B C D E F G H I J K L M N O P Q U R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0 ! @ £ $ % ^ & * (   ) _  –  +  =  {   }

urw din-semi-condensed

URW DIN SEMI-CONDENSED 700 (EXTRA-BOLD)

a b c d e f g h i j k l m n o p q u r s t u v w x y z
A B C D E F G H I J K L M N O P Q U R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0 ! @ £ $ % ^ & * (   ) _  –  +  =  {   } ?

URW DIN SEMI-CONDENSED 900 (black)

a b c d e f g h i j k l m n o p q u r s t u v w x y z
A B C D E F G H I J K L M N O P Q U R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0 ! @ £ $ % ^ & * (   ) _  –  +  =  {   } ?

House-Style

Using the tone of voice convention and the selected fonts as the baseline, various formatting options were explored with Dan and Mark. We arrived at the house-style shown below.

For each style, the following formatting is defined:

  • Font-family
  • Font-weight
  • Text-style
  • Letter-spacing
  • Line-height
  • Margins/Paragraph-spacing

Style I:

Heading, titles and alerts

Formating:

URW DIN SEMI-CONDENSED 900
FONT-WEIGHT: 900/BLACK
TEXT-STYLE: UPPERCASE
LETTER-SPACING: -0.02EM
LINE-HEIGHT: 0.88EM
MARGIN-BOTTOM: 0.1EM

Building Supplies

Building Supplies

Building Supplies

Building Supplies

Building Supplies

Style II:

STRAPLINES AND KEY MESSAGING

Formating:

URW DIN SEMI-CONDENSED 700
FONT-WEIGHT: 700/EXTRA-BOLD
TEXT-STYLE: NORMAL
LETTER-SPACING: -0.025EM
LINE-HEIGHT: 0.95EM
MARGIN-BOTTOM: 0.3EM

Welcome to Pattrick & Thompsons

Welcome to Pattrick & Thompsons

Welcome to Pattrick & Thompsons

Style III:

Default

Formating:

URW DIN 400
FONT-WEIGHT: 400/NORMAL
LETTER-SPACING: -0.03EM
TEXT-STYLE: NORMAL
LINE-HEIGHT: 1.4EM
MARGIN-BOTTOM: 0.5EM

 

BOLD:
URW DIN 600
FONT-WEIGHT: 600/BOLD

Default

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Turducken salami beef ribs pork belly filet mignon swine chuck ball tip meatloaf fatback pork loin venison. Prosciutto porchetta hamburger sirloin, chuck corned beef ribeye capicola shankle buffalo pork belly venison.

Small

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Turducken salami beef ribs pork belly filet mignon swine chuck ball tip meatloaf fatback pork loin venison. Prosciutto porchetta hamburger sirloin, chuck corned beef ribeye capicola shankle buffalo pork belly venison.

X-Small

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Turducken salami beef ribs pork belly filet mignon swine chuck ball tip meatloaf fatback pork loin venison. Prosciutto porchetta hamburger sirloin, chuck corned beef ribeye capicola shankle buffalo pork belly venison.

XX-Small

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Turducken salami beef ribs pork belly filet mignon swine chuck ball tip meatloaf fatback pork loin venison. Prosciutto porchetta hamburger sirloin, chuck corned beef ribeye capicola shankle buffalo pork belly venison.

Style III:

Line-Height Variations

Use-Cases:

Where space is at a premium such as product cards on your e-commerce websites or as a design choice for contact details on a business card, etc.

Formating – Narrow:

LINE-HEIGHT: 1.2EM

Formating  – Extra-Narrow:

LINE-HEIGHT: 1.1EM

X-Small/Line-Height: 1.2em

Product Information

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Rose Skip Hire

Low Cross House
Padholme Road East
Peterborough
Cambridgeshire
PE1 5XL

Tel:01733 557575
Email: skipsales@rosegroup.co.uk

xX-Small/Line-Height: 1.2em

Product Information

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Rose Skip Hire

Low Cross House
Padholme Road East
Peterborough
Cambridgeshire
PE1 5XL

Tel:01733 557575
Email: skipsales@rosegroup.co.uk

X-Small/Line-Height: 1.1em

Product Information

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Rose Skip Hire

Low Cross House
Padholme Road East
Peterborough
Cambridgeshire
PE1 5XL

Tel:01733 557575
Email: skipsales@rosegroup.co.uk

xX-Small/Line-Height: 1.0em

Product Information

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Rose Skip Hire

Low Cross House
Padholme Road East
Peterborough
Cambridgeshire
PE1 5XL

Tel:01733 557575
Email: skipsales@rosegroup.co.uk

Style III:

Default – Light

Formating:

URW DIN 200
FONT-WEIGHT: 200/LIGHT
TEXT-STYLE: NORMAL
LETTER-SPACING: -0.03EM
LINE-HEIGHT: 1.4EM
MARGIN-BOTTOM: 0.5EM


BOLD:
URW DIN 600
FONT-WEIGHT: 600/BOLD

Default

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Turducken salami beef ribs pork belly filet mignon swine chuck ball tip meatloaf fatback pork loin venison. Prosciutto porchetta hamburger sirloin, chuck corned beef ribeye capicola shankle buffalo pork belly venison.

X-Small

Doner burgdoggen sausage, shoulder venison jerky pastrami tongue kielbasa alcatra meatloaf cow bresaola. Tail shankle short ribs flank ham hock prosciutto. Doner capicola alcatra spare ribs fatback shoulder tongue.

Turducken salami beef ribs pork belly filet mignon swine chuck ball tip meatloaf fatback pork loin venison. Prosciutto porchetta hamburger sirloin, chuck corned beef ribeye capicola shankle buffalo pork belly venison.

Notes:

Style Formatting

The style formatting shown above is defined for use on the web. Definitions for desktop publishing will be defined once the various house-styles have been finalised.

Style III: Default Light

Unless viewed on a high-res monitor or on a smartphone with a retina display, it is difficult to distinguish between URW DIN 200 and 400 on-screen and therefore not recommended for web use.

URW DIN 200 has been included as an option for print-use where it has been used in some of your existing marketing collateral.

Previous:

Logos

Next:

Use-Case Examples