Branding
A brand is a collective image of a company. We build its constants - logo and palette. We naturally and easily use visual language in communications, advertising campaigns, and special projects.
Corporate colours
The main corporate colour of Interactive Design products is ultra blue and all of its shades. Along with it, we use white colour in products. Additional colours are pink, sunny yellow, and azure. A combination of display and body colours is used for text and main content. Display is used for main content and titles. Body is used for the rest of the text.
Brand accent colors
Pink
HEX: FFCBC1
RGB: 255 203 193
Sunny yellow
HEX: FFF1A9
RGB: 255 241 169
Azure
HEX: 01E8BE
RGB: 1 232 190
Ultra blue tones
Ultra blue / 900
HEX: 0E59EB
RGB: 14 89 235
Ultra blue / 800
HEX: 1364FF
RGB: 19 100 255
Ultra blue / 700
HEX: 3076FF
RGB: 48 118 255
Ultra blue / 600
HEX: 4F8BFF
RGB: 79 139 255
Ultra blue / 500
HEX: 6398FF
RGB: 99 152 255
Typography colors
Display
HEX: 1E1E1E
RGB: 30 30 30
Body
HEX: 262626
RGB: 38 38 38
Logos
All logos of the products that are part of Interactive Design feature ease of perception, ease of reading, and simplicity of forms. Product logos should also use the corporate colours.
The logos do not use any techniques for expressing space and volume, except for the perspective reduction of objects.
The logos do not use any techniques for expressing space and volume, except for the perspective reduction of objects.
Building a logo
The logo symbols are always located on the left.
The indentation between the logo symbol and the text name is always equal to 4 times the stroke width of the letter.
The width of the logo symbol should be 10 to 18 times the stroke width of the letter of the name (depending on the proportions and parameters of the logo).
The symbols of logos are based on a unified style and a uniform presentation. The outline width of the logo symbol is approximately 0.5 of the stroke width of the letter. The use of faces and the conveying of volume using flat faces also make a unified style. The gradients and transparent layers are not to be used. The text part of the logo uses the Roboto font, which may be modified and changed.
Protected area of a logo
The size of the protected area of the logo is equal to 2 times the indentation between the logo symbol and the text part.
Usage
The logo can be used on both white and black backgrounds. A tinted background is also allowed if used with a colour from the prepared main/tone/300 palette.
For a light background, use a white base colour main/bg. For a logo on a dark background, use the colour of main/display.
Prohibited use of the logo
Third-party fonts, third-party colour palettes and spacings should not be used in the logo. Any distortion of the logo is also prohibited, as well as adding further text or any other elements.
Change logo colors
Distort the size of the logo
Distort the size of the logo
Violate the boundaries of the security field
Change font spelling
Use the logo on non-contrasting backgrounds
Use on complex backgrounds
The logo can be used on complex backgrounds (photos, videos), provided that the background is not highly detailed and the overlay/80 style is used.
