Brand and appearance

Name, logo, colors and font of ioBroker, for everyone who designs something with the name: adapter authors, press, lectures, videos.

spelling

ioBroker is written as one word, with a lowercase i and a capital B. Always, even at the beginning of a sentence.

In domains and package names, everything is lowercase:iobroker.net ,iobroker.pro ,npm i iobroker.javascript Adapter names are displayed as they appear in the repository, i.e., in lowercase:javascript ,node-red ,scenes .

logo

Three components that may be used separately:

• The logo , the circle with the i, where there is little space: favicon, app icon, profile picture, header.
• The wordmark , the lettering ioBroker , where the brand first appears and has space.
• The combined brand , in which the image mark replaces the io : the version for banners, cover images and displays.
• The claim "Automate your life!" is below the wordmark and untranslated.

Download

	file	format
	logo	SVG, PNG 512 px
	Wordmark	SVG, PNG 1200 px
	Combined brand	SVG, PNG 1200 px
	Everything together	ZIP

Colors

Two shades of blue bear the brand:

The areas rise from the background in four stages. They replace frames: a map stands out through its area, not through a line.

Writing

Audiowide is the voice of the brand and should be used sparingly: a heading, a button, a number. An entire paragraph in Audiowide is a mistake.