Fire
Manual

The appearance of the Loxone Campus is a clear statement of clarity, functionality and design. To ensure a consistent brand experience across all channels and markets, please adhere strictly to the following guidelines.
If you have any questions about these guidelines, please contact:
marketing@loxone-campus.com

Download Logo (web) Download Logo (Print)

Some examples of the use of colors on light and dark backgrounds
Important: Always ensure a good contrast between the logo and the background.

Colors

Oak Tree

Print

CMYK C
25 | 30 | 45 | 10

RAL 1001
Beige

Screen

sRGB (Web)
188 | 167 | 138

HEX
#BCA78A

Shadow

Print

CMYK C
00 | 16 | 40 | 50

RAL 1036
Pearl gold

Screen

sRGB (Web)
128 | 107 | 77

HEX
#806B4D

Manits Green

Print

CMYK C
60 | 00 | 85 | 00

RAL 6018
Yellow green

Screen

sRGB (Web)
105 | 195 | 80

HEX
#69C350

Oak Tree

Print

CMYK C
46 | 00 | 59 | 52

RAL 6017
May green

Screen

sRGB (Web)
67 | 123 | 51

HEX
#437b33

Davys Grey

Print

CMYK C
09 | 04 | 00 | 63

RAL 7011
Iron gray

Screen

sRGB (Web)
86 | 91 | 95

HEX
#565B5F

Oak Tree

Print

CMYK C
31 | 16 | 00 | 87

RAL 5004
Black blue

Screen

sRGB (Web)
22 | 27 | 32

HEX
#161B20

Typography

Introduction

Uniform typography is essential for a unique design. Today, a recognizable typeface is the strongest foundation for a brand.

It can reflect your brand at any scale, from the smallest text on a form to a large headline on billboard-style ads.

Averta is this type of font.

Strong, clear, well executed in many details and functional at a very high level. It offers 16 different font styles, supports over 170 languages and can be used on screen for websites, apps and interfaces as well as for any print purpose.

For licensing reasons, Averta cannot be made available free of charge. If our system font Averta is not available for you, please use the standard font Arial.

Buy Averta

Design elements

The trilogy

The trilogy is an interpretation of the edge-emphasized Loxone design language – just like the Loxone Campus logo.

It takes the triangular look of the 33° angle and transforms it into an easy-to-use, highly customizable and recognizable branding tool.

A trilogy contains 2 to 3 levels (including the medium itself) that seem to overlap. It is intended that the levels touch each other.

One of the layers must represent the clear majority in the pattern, which can be achieved by the size or color scheme. In most cases, it will be the layers in the foreground.

The layers can contain a color or an image, but at least one of them must be in Mantis Green. Each layer may contain text, logos and/or slogans.

Important:

Do not change the angle of 33° and do not rotate the surfaces by 90°. Ensure that the layers are randomly proportioned and avoid layers of the same size.

Icons

Here are some symbols that you can use for your designs. The symbols can be used in the primary or secondary colors.

An icon can never replace a headline or an image. It can be just an extension, an eye-catcher or an accompanying illustration for your content.

Best PRactices

Some examples of the right positioning and combination of logo and slogan
Important: Always ensure a good contrast between the logo and the background.