DENISTIAGLIN.

COM
Corporate Identity Guidelines
MISSION:

Preserve nature and provide a technological breakthrough

• integrate innovative solutions to achieve positive economic and social effects;

• create attractive economic and environmental conditions;

• reduce the adverse impact on the environment;

• optimize the placement of infrastructure objects and their functioning;

• overcome the energy deficit.

LOGO

DENISTIAGLIN.COM - is the main site of several technology projects,

such as WETER and ELS.

WETER - a building that can produce electricity up to 200% of its own needs

LES - is a system for placing infrastructure objects taking into account functional
connections and separation of levels according to purpose
LOGO DENISTIAGLIN.COM

This logo is based on the Golden section method and includes stylistic elements of subprojects'
logos in terms of size.Since any breakthrough comes from a person, the letter D is the symbol of
the author's name (Denis Tiaglin) and the abbreviation of the site name. Next are the elements
of the first project launched - WETER. It creates a favorable environment for the next, more
ambitious, ELS project (indicated by an inscribed hexagon). The circle completes and combines
all the elements, it is a symbol of the planet, which is positively affected by these innovations.
LOGO DENISTIAGLIN.COM

DENISTIAGLIN.COM

Used for the avatar of media communities and the

website's home page. A more compact version of the logo with text.It is used
The most compact version. Used if there is a need for a link to the site, when
when necessary to link to a site, when creating
The version with an orange letter may be suitable for creating corporate style attributes.
corporate style attributes.
the site's home page to support a background image
with a warm color palette.

VERSIONS ON A LIGHT BACKGROUND

The black-and-white version is used when it is not

possible to use a color version, such as official
documents, seals, and clothing labels
LOGO WETER

This logo is based on the Golden section method.

The goal of the composition is to integrate the main technological principles and the name of the
WETER project.

The lower aggressive elements symbolize the letter W, the left blue element simulates an air flow
that flows around the building modules and is redirected by an aerodynamic shield along a
tangential line to the circle, the right element simulates a static structure of one of the buildings
and an aerodynamic shield that directs the flow.

The upper circle divided into two parts simulates the rotor blades with the effect of movement.
LOGO WETER
The basic versions of the logo.
Without text, it is recommended to use it on the site,
personal account, and avatars for groups Used as a transparency mask where a contour silhouette
is required.

Variation of the logo with emphasis on text-use it where you need to emphasize the brand
name.

Text variations can be placed at different angles or go beyond the actual format, thus
emphasizing the chaotic nature of the wind, but at the same time its linearity and clear
direction, which is achieved through innovation.

VERSIONS ON A LIGHT BACKGROUND

Black circles indicate the protected area,

which is a safe space around the logo that
is necessary for its correct visual The black-and-white version is used when it is not
perception. possible to use a color version, such as official
documents, seals, and clothing labels
The exception is avatars, they must be
inscribed in a circle entirely.
 WETER COLORS
Colors are an important part of corporate identity. The colors should be as close to the original as
possible. Every effort must be made to comply with this requirement. This section should be checked
every time before printing documentation, presentation and advertising materials.

Additional colors can be mixed to form smooth color renditions and symbolize the theme of wind energy.

RGB 28-27-41 RGB 255-255-255 RGB 140-143-148 RGB 0-122-255 RGB 114-165-255
CMYK 34-34-0-88 CMYK 0-0-0-0 CMYK 12-10-0-37 CMYK 100-51-0-0 CMYK 58-35-0-0
#1C1B29 #FFFFFF #8C8F9E #007AFF #72A5FF

Basic background color. Used for web and printed products. Text color. White is used as the main color, and gray is used as an additional Accent colors are used to highlight important elements of icons, names,
color for lower-priority information, subheadings, long texts, and so on. interface elements, and to simulate lighting.

RGB 9-7-20 RGB 30-49-73 RGB 42-49-87 RGB 98-106-155 RGB 47-48-63 RGB 167-184-227
CMYK 35-35-0-90 CMYK 92-36-0-65 CMYK 61-48-0-65 CMYK 44-35-0-38 CMYK 31-27-0-75 CMYK 27-17-0-0
#090714 #1E3149 #2A3157 #626A9B #2F303F #A7B8E3

Additional background colors. It is better to use it with a gradient. They are Additional colors to highlight larger blocks of information, blocks Additional colors to highlight larger blocks of information, blocks with
necessary for switching attention, for example, as on the login page to the with text and other content, various menus and sections. text and other content, various menus and sections. This color scheme in
personal account, on some pages in presentation albums. Post-processing combination with graphic images is suitable where there are enough
and toning of images with these shades are possible. bright color shades.
WETER COLORS
EXAMPLES OF GRADIENTS
WETER BRANDED GRAPHICS PATTERN N1
This brand pattern N-1 in the form of flowing lines simulates wind flows and its structure. It is used as a
background addition and serves as a compositional and zoning element. It should not overlap images,
as well as serve as a background for the text. Used where there is a lot of complex technical
information. It is undesirable to use simple visual blocks, such as promotions, news, and event
banners. For cases where it is important to attract with an image, the N-2 pattern is used.Construction
is carried out by a gradient transition between 2-3 lines.
WETER BRANDED GRAPHICS
FUNCTIONAL AND DECORATIVE ELEMENTS
1
3 2 3

INTERFACE AND INFOGRAPHICS

DECORATIVE AND COMPOSITION ELEMENTS

5 4
6 EXAMPLE
WETER BRANDED GRAPHICS
FUNCTIONAL AND DECORATIVE ELEMENTS
The main idea of the graphic composition is the contrast between organic, fluid forms, which means the unbridled, chaotic force of the wind, and clear
cutting guide lines, which mean controlling the wind and changing its direction to extract energy.

Basic elements and rules

• Lines of infographics. Dividing lines must have rounded corners. If the lines lead to the object, place the circle at the end (1).

• Glow. Use it for emphasis, such as interaction with the interface, or as a decoration in combination with small elements (2).

• Bounding boxes-containers. They can contain important information, such as numbers, names, and images (3).

• Dots hatching in simple geometric shapes. Symbolizes air particles that have a clear direction (4).

• Simple angular linear-directed forms. They are used for setting the direction and zoning of space, as well as for selecting blocks with text. They can
be mixed by transparency or gradient. To create a more dynamic image, you can make a 45-degree slice of rectangular shapes. All elements must have
a similar direction vector (5).

• PATTERN N2. Wave gradient for a background with non-technical information. Method of construction: first draw curved lines with gradient fill, and
then use blurring to remove attention from the background (6).
WETER FONTS
Correct use of typography rules is important for brand image perception. Reasonably applied
rules will reflect the quality of services and efficiency of the company

Logos and text use the INTER font in various styles.

INTER LIGHT
For less important supplementary information

INTER REGULAR
For basic text arrays

INTER MEDIUM
For subheadings and logos

INTER EXTRA BOLD

For titles and subtitles as well as
typographic design
USING WETER IMAGES

Original image It is forbidden to change the image proportions.

You can crop the image, but it is important to leave free space for important It is undesirable to place an object hanging in the air if the intended
objects and arrange the object compositionally on 1/3 of the sheet, or in the height of this model is actually low. Otherwise, it may mislead someone
middle. unfamiliar with the technology. It is forbidden to place it on non-agreed
backgrounds.
WETER Corporate Identity Mockups
WETER Corporate Identity Mockups
WETER Corporate Identity Mockups