These are our logos, typefaces, icons, and colours.

Use them to keep the identity strong, clear, and distinct.

Logos


The Louder Than Ten logotype is the visual graphic element used to identify the school for creative people who run projects. It is composed of the Louder Than Ten typeface, and icon. The Louder Than Ten logotype is modern, clean and straightforward.

The logotype should not be redrawn or modified in any manner. In order to build the brand successfully, we need to control the consistency of its application.

Always use the authorized logotype.

Logotype, vertical orientation


Louder Than Ten Icon

Louder Than Ten Wordmark

Logotype, vertical orientation

Logotype, horizontal orientation


Acceptable sample applications

The Louder Than Ten logo can also appear in the secondary blue hues or greyscale in certain situations.

For one colour applications, the Louder Than Ten logotype can appear either entirely in Louder Than Ten Red, Louder Than Light Red, grey, black or white.

Secondary brand colours

Single colour dark red

Single colour black

Greyscale

Single colour dark grey

Single colour light grey

Single colour white

Full colour

Standalone logomark & Icons

Standard logomark

Secondary logomark

Greyscale logomark

Single colour logomark

Single colour logomark

Single colour logomark

Square logomark for avatars & icons

Square logomark for avatars & icons

Square logomark for avatars & icons

Logo placement


Minimum Clear Space

Keeping the Louder Than Ten logo isolated from other elements is the key to preserving its legibility. A minimum amount of clear space should always surround the logo, separating it from headlines, text, imagery, or the outside edge of the document or application.

More clear space is generally preferable. For the Louder Than Ten logo, the minimum amount of clear space on all sides is equal to the height of the ‘0’ in ‘10’.

Icon sizing

When using the square logomark in an icon or avatar, give adequate space around the mark to ensure it does not get cut off when cropped in a circle.

Good

Bad

Colours


Colour is a powerful means of visual recognition. By using our colours consistently, we will strengthen the awareness of Louder Than Ten.

Our colours are Louder Than Ten Red and Louder Than Ten Light Red.

A secondary set of colours; Louder Than Ten Dark Blue, and Louder Than Ten Light Blue are an accepted hue for some situations.

Graphics


Illustration is an important component of the Louder Than Ten visual language. We favour simple vector-based SVG illustrations over photography when using imagery to help communicate our messages. We have a small library of abstract LT10 patterns that anchors our visual style. They can be used directly in our materials or act as inspiration for custom images.

When we do use photography, it should be rendered in black and white and optimized for HiDPI screens.

LT10 patterns

Illustration samples

Photo samples

Icons


Louder Than Ten uses custom-designed SVG icons. These icons are vector-based and scale nicely for any screen. We use these for social media and interface cues when a full illustration doesn’t make sense. The Louder Than Ten icon set is based on elements of the logo mark.

Interface icons


Social icons

Typefaces


Typography plays a significant role in creating a distinctive and memorable impression. Through consistent use, these typefaces will establish a distinctive look and reinforce the Louder Than Ten identity. Calibre and Harriet, have been selected to be used on Louder Than Ten branded materials.

Calibre

Regular

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Italic

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Medium

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Medium Italic

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Semibold

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Semibold Italic

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Bold

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Bold Italic

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Tiempos Display

Light

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Light Italic

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Regular

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Italic

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Bold

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Bold Italic

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Black

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Black Italic

AaBbCc1234

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Tiempos Text

Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Bold italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
#*@$%&_.-, – ;: — ?!‘’“”()

Talk to us.

Learn more about our apprenticeship or talk to a trainer.