Logo

Our logo is composed of two primary components: the "Signage" symbol and the "Fieldnode" text, accompanied by the tagline "Connecting the dots."

Typically displayed as white on a black background, the logo utilizes a unique custom font.

The logo is carefully designed with a specific white space and a well-defined placement in relation to other content.

Logo variations

The logotype can be employed in two primary versions, either including or excluding the text.

Full version

This is our primary logotype and the favored variant. The logo's proportions must always be maintained, regardless of its application or context. To guarantee the appropriate visual impact, a buffer zone should surround the logo. The logo can be displayed in color or as a monochromatic version.

Just the Logo

This alternative serves as our logo when there is insufficient space for the complete logotype. It solely features our logo symbol.

Utilizing just the logo sign, this variant provides a flexible option for various design scenarios where the full logotype is not feasible.

Whitespace Considerations

When positioning the logo in a layout with adjacent elements, it is essential to maintain minimal whitespace around the logo.

The minimum required whitespace should be equal to the height of two green circles, that are merged as seen in example below, with one circle originating from the bottom left corner of the logo.

Whitespace exceptions

The logo placement depends on the type of communication and use.
Here are some exceptions.

Social Icon

Social Icon Light

App Icons

Monochrome usage

Our main logo is typically displayed on a black background, with a monochromatic alternative featuring white on a black background.

For two-color printed materials, the logo can be presented in a monotone version.
However, if the printing techniques permit, using the color version of the logo is preferable.

Scale

Our logo has been thoughtfully designed to maintain its legibility and visual impact even when scaled down for various applications.

Whether it's for print materials or digital screens, the logo can be resized while retaining its clarity.

To ensure optimal readability and aesthetics, the logo's smallest width should be set at 24 pixels.

The logo should can be smaller then 24 px for example in the case of the favicon, you should use only the Logo on those cases without the 'fieldnode', since its not readable.

Usage in the UI

Usage of Logo in applications should follow the guidelines above.
Also there are some exceptions, the maximum height of the logotype in the header or the sidebar should not exceed 80px.

The logo can be added without the background, for example like in sidebar.

Logo in applications sidebar menu.

Logo in web site header.

Logo Guidance

Do not rotate the logo

Don’t stretch or manipulate the logo.

Don’t pair the logo with shapes that may be confused as a part of the logo.

Use only black ,dark gray and white as a background for the logo

Do not overlap our logo with any shapes

Don’t add a border around the logo

Fieldnode

Do not add graphics, insert words, or modify the design of the logo.

Do not put the logo on top of the busy background

Don’t use the logo as a graphic element of a design

Don't forget these important legal reminders:

Do not use Fieldnode as a verb (e.g. “Let’s Fieldnode to the skies.”). Instead, use it as an adjective.
Do not use Fieldnode as a noun; "Fieldnode will secure." Instead, consider using it as an adjective.
Do not use Fieldnode in plural or possessive form, e.g., Fieldnode's,

Examples and application

Here are some examples of a proper logo usage in design.