Skip to content

Latest commit

 

History

History
99 lines (47 loc) · 3.08 KB

visual-identity.md

File metadata and controls

99 lines (47 loc) · 3.08 KB

Codeuino Visual Identity

What is Visual Identity?

Visual identity is the visible elements of a brand, such as color, design, and logo, typography and the symbol that identify and distinguish the brand in consumers' minds.

Why these Guidelines?

For any logo to be memorable and have the desired recall value, it is necessary that it be portrayed across all platforms in a consistent manner. The components of the Logo should be consistently used. It ensures that platform stands out and= and makes the platform easily identifiable.

These guidelines have been laid out to improve the visual application of the Logo of Donut, A social media application.

Who should use this?

It is for the use of developers, designers and others who may use the logo. The document lays down all the guidelines of how and where should the logo be used. It is important that the logo remains consistent across all platforms, signage and marketing collateral.

Codeuino Visual Identity

Logo

Standard Logo - Vertical

Vertical

Standard Logo - Horizontal

Horizontal

Logo Mark

Logomark

{% file src="../.gitbook/assets/colored-horizontal.svg" caption="Standard Logo - Horizontal - SVG" %}

{% file src="../.gitbook/assets/colored-horizontal.png" caption="Standard Logo - Horizontal - PNG" %}

{% file src="../.gitbook/assets/colored-vertical.svg" caption="Standard Logo - Vertical - SVG" %}

{% file src="../.gitbook/assets/colored-vertical.png" caption="Standard Logo - Vertical - PNG" %}

{% file src="../.gitbook/assets/colored-logomark.svg" caption="LogoMark - SVG" %}

{% file src="../.gitbook/assets/colored-logomark.png" caption="LogoMark - PNG" %}

Presentation

While presenting the logo, Use the Codeuino-White logo with Codeuino-Blue as background.

Presentation

{% file src="../.gitbook/assets/presentation-logo-horizontal.jpg" caption="Presentation Logo - Horizontal" %}

{% file src="../.gitbook/assets/presentation-logo-vertical.jpg" caption="Presentation Logo - Vertical" %}

{% file src="../.gitbook/assets/presentation-logo-logomark.jpg" caption="Presentation Logo - LogoMark" %}

Colour palette

Chromatic colours

Codeuino Blue (#25257C) is the main colour of the Codeuino identity so it has the strongest presence on our brand.


Achromatic versions :

Codeuino White (#FFFFFF)
Codeuino Black (#000000)

{% file src="../.gitbook/assets/achromatic-white.zip" caption="Achromatic - White - SVG, PNG" %}

{% file src="../.gitbook/assets/achromatic-black.zip" caption="Achromatic - Black - SVG, PNG" %}

Typefaces

Primary and Secondary Font

Inter is both the primary and secondary font of Codeuino.

The font files can be downloaded from GITHUB

Font Weights

Variations of font weights can be used while presenting text.