Previous:

Fonts & Styling

Start:

Back to beginning

Use-case Examples

Introduction

This section brings everything together – Colours, Logos and Font & Styles – to provide real-world examples of the updated brand identity in use. 

On-site Signage

The mock-ups below show three signs that are either in-use or could be used in and around your physical sites.

Design Framework:

A design framework provides guidelines for third-party suppliers on how the Rose brand should be used in a given situation. In this case three onsite sign designs.

Depending upon the complexity of a design, each framework should contain the following:

  • Styling: which house-style(s) should be used including any design-specific variations
  • Assets: which assets should be used brand logo, symbol etc.
  • Layout and Scaling: the positioning of each element and their relative size to a given baseline element – Rose Symbol, main heading etc.

Design Framework

Style II:

URW DIN SEMI-CONDENSED 700
FONT-WEIGHT: 700/EXTRA-BOLD
TEXT-STYLE: NORMAL
LETTER-SPACING: -0.025EM

Assets:

ROSE SYMBOL

Layout:

SCALE: RELATIVE
POSITIONING: BASED ON HEIGHT OF THE TEXT ELEMENT

SERVICE OFFERINGS:

Design Framework

Style II:

URW DIN SEMI-CONDENSED 900
FONT-WEIGHT: 900/BLACK
TEXT-STYLE: UPPERCASE
LETTER-SPACING: -0.02EM

Assets:

NONE

Layout:

SCALE: RELATIVE
POSITIONING: BASED ON HEIGHT OF THE TEXT ELEMENT

Examples:

Key Messaging:

Design Framework

Style II:

URW DIN SEMI-CONDENSED 700
FONT-WEIGHT: 700/EXTRA-BOLD
TEXT-STYLE: NORMAL
LETTER-SPACING: -0.025EM

Assets:

ROSE SYMBOL

Layout:

SCALE: RELATIVE
POSITIONING: BASED ON HEIGHT OF THE ROSE SYMBOL

Examples:

Customer Information:

Design Framework

Style II:

URW DIN SEMI-CONDENSED 900
FONT-WEIGHT: 900/BLACK
TEXT-STYLE: UPPERCASE
LETTER-SPACING: -0.02EM

Assets:

ROSE SYMBOL

Layout:

SCALE: RELATIVE
POSITIONING: BASED ON HEIGHT OF THE ROSE SYMBOL

Examples:

Website Mock-ups

The three website mock-ups shown below have been produced to give an indication of what the updated brand identity could look like.

Notes:

  • The design is loosely based on the Rose Recycling & Skip Hire website and is not intended to replicate your current e-commerce sites.
  • Having briefly looked at your e-commerce platform provider’s support pages, I noticed there is a section on modifying the CSS. This would allow you to update the sites to take on the updated brand identity

Rose Building Supplies

 
Opens in a new browser-tab

Pattrick & Thompsons

 
Opens in a new browser-tab

Rose Aggregates

 
Opens in a new browser-tab

Previous:

Fonts & Styling

Start:

Back to beginning