PREPARED FOR Address Giorgi Saakadze 2nd Ln #4, Tbilisi Georgia. Phone +995 552222273 Online Email 1: info@stateyadev.com Email 2: marketing@stateyadev.com Website: w ww.stateyadev.com Stateya Dev. BRAND IDENTITY GUIDELINES BRAND IDENTITY MANUAL. February, 2023. Giorgi Saakadze 2nd Ln #4, Tbilisi Georgia. info@stateyadev.com www.stateyadev.com +995 552222273
Dev.
Identity SECTION 1 | INTRODUCTION PAGE 04 SECTION 2 | CORPORATE LOGO PAGE 06 SECTION 3 | CORPORATE TYPOGRAPHY PAGE 10 SECTION 4 | CORPORATE COLOR SYSTEM PAGE 18 SECTION 5 | CORPORATE STATIONERY PAGE 24 SECTION 6 | CORPORATE IMAGES PAGE 44 SECTION 7 | ICONOGRAPHY PAGE 46 Stateya Development Brand Identity Guidelines. Version: v1 // 2023. Table of content Corporate Identity? Have a Look when Image meets Design.
Stateya
Brand
STATEYA DEV. BRAND IDENTITY GUIDELINES
These guidelines describe the visual and verbal elements that represent Stateya Dev. brand identity. This includes our name, logo and other elements such as color, type and graphics.
Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our company. These guidelines reflect Stateya Dev.commitment to quality, consitency and style.
The Stateya Dev. brand, including the logo, name, colors and identifying elements, are valuable company assets.
Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Stateya Dev. name and marks.
welcome
These guidelines describe the visual and verbal elements that represent Stateya Development identity.
// Introduction Introduction 5 // 48 4 // 48
LOGO INTRODUCTION
Logo introduction
The
Logo Introduction The Logo Application The Logo Elements
Clearspace and computation Incorrect Logo Applications
Our Logo is the key building block of our identity, the primary visual element that identifies us. The signature is a combination of the the symbol itself and our company name – they have a fixed relationship that should never be changed in any way.
THE FULL LOGOTYPE
The Stateya Dev. Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking the culture of design services - the connection between the strength of communication and the different points that influence.
It has a particular relationship with the Stateya Dev. name.
The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of upper case letters. The typeface is Montserrat Bold and has also been chosen to compliment and balance perfectly with the logo symbol.
The corporate logo is presented through the use of colour as well as shape and form. The two corporate colours are Dark Gold which is the logo color, Teal Aqua, and Neutral Charcoal Grey which are complementary colors. It is a fresh and appealing blend of colours chosen for their strong combination - modern - classic - timeless.
The Colours have been selected according to international standards as shown below and are easily implemented.
THE FULL LOGO
THE FULL LOGO TITLE
1) The Logo Symbol Consists of a powerful element evoking the culture of development services and a minimal modern shape of a building. The main logo is the colored logo used on white or colored backround. For other backrounds you will find an alternative below.
LOGO DARK VERSION
2) The Logo Title Carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of upper case letters in dark gold tone of the chosen corporate color.
LOGO LIGHT VERSION
RECOMMENDED FORMATS: .eps .ai .png | .jpg .tiff
3) The Logo Dark Version will be used when the backround color is light colored.
4) The Logo Light Version will be used when the backround color is dark colored.
ATTENTION:
Use of any stylized, animated, hand drawn or other versions of a inofficial logo is not permitted. This undermines the logo system and brand consistency. Please consult with Stateya Dev. Trademark Licensing if you have any questions or need further help.
1 3 2 4 7 // 48 6 // 48
Logo Construction & Clearspace
LOGO CONSTRUCTION & CLEARSPACE
It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest
LOGO DIMENSIONS
Full Logo
any other graphic element or message can be positioned in relation to the mark.of the the symbol itself and our company name – they have a fixed relationship that should never be changed in any way.
Application on a background
CLEARSPACE
Full Logo
Logo Application Guidelines
MINIMUM LOGO SIZES
DefinitionWhenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.
Computation
To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).
Logo Symbol
Minimum Size: 7.2mm x 1.13 mm
Full Logo
Minimum Size: 4 mm x 5 mm
Size: 4 x 5 mm
Size: 7.8 x 10 mm
Size: 13.6 x 17.5 mm
Size: 19 x 25 mm
x 1x 1/2x x
Dark Logo on Light BG
White Logo on Dark BG
White Logo on Colored BG
Full Colored Logo on White BG
9 // 48 8 // 48
The corporate Font and history
Corporate Font Primary Font Secondary Font Font Hierachy
Montserrat
DESIGNER : JULIETA ULANOVSKYTHE FONT
Montserrat is a geometric sans-serif typeface designed by Argentine graphic designer Julieta Ulanovsky and released in 2011. It was inspired by posters, signs and painted windows from the first half of the twentieth century, seen in the historic Montserrat neighbourhood of Buenos Aires.
The project was started in 2010 by Ulanovsky and was released through the Google Fonts catalogue in 2011. Montserrat has become increasingly popular among web designers, and it is used on over 15 million websites.Featuring a large x-height, short descenders and wide apertures, this typeface achieves high legibility even in small sizes.
Montserrat has been developed into a large family, consisting of nine weights (from Thin to Black), a set of alternate characters, a distinctive Subrayada (underlined) variant, and support for the Cyrillic character set.
According to lead designer Ulanovsky, it is a functional and contemporary alphabet, with uses ranging from publishing to the corporative world. She refers to it as a “geometric typeface with bold optical adjustments.
Montserrat
01.
11 // 48 10 // 48
2
The Corporate Font and its Structure Typography and Hierarchy
Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces our personality and ensures clarity and harmony in all Stateya Dev. communications. We have selected Montserrat and Poppins, which helps inject energy and enthusiasm into the entire Stateya Dev. communications, as the primary and secondary corporate typefaces.
CORPORATE FONT MONTSERRAT DESIGNER : JULIETA ULANOVSKY
THE FONT
Montserrat has gained popularity as a free alternative to other similar sans-serif fonts, such as Gotham or Avenir. Although mainly seen in websites and online media, its high readability and ease of scaling make Montserrat a suitable typeface for printed material, such as brochures, signage and even books.
MONTSERRAT MONTSERRAT
Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy perse in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Stateya Dev. layouts.
CONTENT TEXT AND INNER HEADLINES
You want to explain something more in detail? This is the best way to do it.
This
The Montserrat family had been extended with the range of seven different weights. HEADLINES AND TYPOBREAKS
TYPE EXAMPLES
MONTSERRAT
Regular Bold
Montserrat Regular 6 pt Type / 9 pt Leading ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz
text
Montserrat Regular 8 pt Type / 11 pt Leading FOLLOW THE RULES OF DESIGN TO GET AWESOME RESULTS.Montserrat - Capital Letters 10pt Type / 10pt Leading Super.HeadlinedMontserrat - Capital Letters 34pt Type / 30 pt Leading Spectacular.Montserrat - Capital Letters 48pt Type / 48 pt Leading MUCH MORE THAN AN INTERESTING HEADLINE!Montserrat Bold - Capital Letters 16pt Type 16pt Leading ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz Figures 01234567890 Special Characters !“§$%&/()=?`;: ¡“¶¢[]|{}≠¿‘ «∑€®†Ω¨⁄ø𕱑 æœ@∆ºª©ƒ∂‚å¥≈ç √~µ∞…–≤<>≥˘›‹◊
is reserved for copy text and huge text amount. Take it, use it.
13 // 48 12 // 48
The Corporate Font and its Structure Typography and Hierarchy
Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces our personality and ensures clarity and harmony in all Stateya Dev. communications. We have selected Montserrat and Poppins, which helps inject energy and enthusiasm into the entire Stateya Dev. communications, as the primary and secondary corporate typefaces.
CORPORATE ARABIC FONT GUMELA ARABIC
DESIGNER : NUR SYAMSI, PANCA AHMADI HASAN.
THE FONT
Arabic font version of Gumela, still with Gumela latin style, based on rounded sans serif whose edges end with unique shapes, to line up in harmony between Latin and Arabic.
The Gumela Arabic family had been extended with the range of three different weights.
GUMELA ARABIC
Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy perse in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Stateya Dev. layouts.
CONTENT TEXT AND INNER HEADLINES
HEADLINES AND TYPOBREAKS TYPE EXAMPLES GUMELA ARABIC
Light Regular كلذب مايقلل ةقيرط لضفأ ىه هذه ؟ليصفتلاب ئيش حرشت نأ ديرتGumela Arabic Light 9 pt Type / 9 pt Leading ص ش س ز ر ذ د خ ح ج ث ت ب أ ي و ه ن م ل ك ق ف غ ع ظ ط ض ريبكلا مكلا تاذ صوصنلا و ةلوطملا خسنلل صصخم صنلا اذهGumela Arabic Light 8 pt Type / 11 pt Leading ةرهبم جئاتن ىلع لصحتل ميمصتلا دعاوق عبتاGumela Regular 12pt Type / 11pt Leading ربوسيسيئرناونعGumela Arabic Bold 34pt Type / 34 pt Leading يئانثتسا.Gumela Arabic Bold 60pt Type / 60 pt Leading ةيمهأرثكأيسيئرناونعGumela Arabic Bold 22pt Type / 22pt Leading ص ش س ز ر ذ د خ ح ج ث ت ب أ ي و ه ن م ل ك ق ف غ ع ظ ط ض Bold 01234567890 Figures !“§$%&/()=?`;: ¡“¶¢[]|{} ≠ ¿‘ « ∑ €®† Ω ¨⁄ø π •±‘ æœ@ ∆ ºª©ƒ ∂ ‚å¥ ≈ ç √ ~µ ∞ …– ≤ <> ≥ ˘›‹ ◊
Special Characters صشسزرذدخحجثتبأ يوهنملكقفغعظطض 15 // 48 14 // 48
The Corporate Font and its
Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces our personality and ensures clarity and harmony in all Stateya Dev. communications. We have selected Montserrat and Poppins, which helps inject energy and enthusiasm into the entire Stateya Dev. communications, as the primary and secondary corporate typefaces.
CORPORATE ARABIC FONT
TESHRIN AR+LT
DESIGNER : KRISTYAN SARKIS..
THE FONT
Teshrin is a warmer version of Kanun. It keeps the same rational structure of its sibling but its rounded edges become increasingly prominent with the weight and give it a friendlier character.
Teshrin is well equipped for information signage and wayfinding projects, and includes a collection of transportation and travel-related signs, symbols, icons, and various sets of arrows.
The Teshrin Ar+Lt family had been extended with the range of nine different weights. But, we will only use four of them.
Typography and Hierarchy
Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy perse in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Stateya Dev. layouts.
CONTENT TEXT AND INNER HEADLINES
HEADLINES AND TYPOBREAKS
TESHRIN AR+LT
Light Regular كلذب مايقلل ةقيرط لضفأ ىه هذه ؟ليصفتلاب ا ئيش حشرت نأ ديرتTeshrin AR+LT Light 9 pt Type / 9 pt Leading ص ش س ز ر ذ د خ ح ج ث ت ب أ ي و ه ن م ل ك ق ف غ ع ظ ط ض يربكلا مكلا تاذ صوصنلا و ةلوطملا خسنلل صصخم صنلا اذهTeshrin AR+LT Regular 8 pt Type / 11 pt Leading ةرهبم جئاتن لىع لصحتل ميمصتلا دعاوق عبتاTeshrin AR+LT Regular 12pt Type / 11pt Leading ربوس سييئر ناونعTeshrin AR+LT Bold 30pt Type / 30 pt Leading ئيانثتسا.Teshrin AR+LT Black 50pt Type / 50 pt Leading ةيمهأ ثركأ سييئر ناونعTeshrin AR+LT Bold 20pt Type / 20pt Leading ص ش س ز ر ذ د خ ح ج ث ت ب أ ي و ه ن م ل ك ق ف غ ع ظ ط ض Bold ش س ز ر ذ د خ ح ج ث ت ب أ ن م ل ك ق ف غ ع ظ ط ض ص ي و ه Black 01234567890 !“$%&/()=?`;:¡“¢[]|{}≠¿‘«€®⁄•±‘@ ºª©‚≈√~µ∞…–≤<>≥˘›‹◊
TYPE EXAMPLES
TESHRIN AR+LT
Structure
Figures &Special Characters ص ش س ز ر ذ د خ ح ج ث ت ب أ ي و ه ن م ل ك ق ف غ ع ظ ط ض 17 // 48 16 // 48
The Corporate Colors Primary Color System Secondary Color System
The primary Color System and Color Codes
PRIMARY COLOR SYSTEM -
Color plays an important role in the Stateya Dev. corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which comprise the “People you trust” color scheme.
Consistent use of these colors will contribute to the cohesive and harmonious look of the Stateya Dev. brand identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent. PRIMARY
PANTONE 119 C PANTONE 289 U
THE GRADIENT
Explanation:
The Stateya Dev. Company has three official colors: Dark Gold, Dark Blue. These colors have become a recognizable identifier for the company.
Usage: Use them as the dominant color palette for all internal and external visual presentations of the company.
COLOR DARK GOLDCOLOR CODES CMYK C47 M47 Y100 K25 Pantone 119C RGB R129 G108 B30 100 % 60 % Dark Gold Gradient 80 % 40 % 20 %
COLOR TONES
DARK
COLOR CODES CMYK C83 M64 Y36 K39 Pantone 289 U RGB R50 G67 B92 100 % 60 % Grey Gradient 80 % 40 % 20 % THE GRADIENT COLOR TONES 19 // 48 18 // 48
SECONDARY COLOR
BLUE -
Colors are one of the most important Things to transfer a brand to the customers.
Color system
SECONDARY COLOR SYSTEM
Explanation:
The primary Color System and Color Codes
The Secondary colors are complementary to our official colors, but are not recognizable identifiers for Stateya Dev. company. Secondary colors should be used sparingly, that is, in less than 10 percent of the palette in one piece. Usage: Use them to accent and support the primary color palette. CMYK C 100 M88 Y19 K2 Pantone P 100-8 C HEX #1e3381 RGB R38 G56 B123 CMYK C96 M100 Y7 K1 Pantone P 9 6-16 C HEX #3b1e81 RGB R59 G39 B125 CMYK C86 M47 Y32 K17 Pantone P 117-16 C HEX 1e6582 RGB R30 G101 B130 CMYK C 55 M45 Y44 K31 Pantone P 179-11 C HEX #6a6969 RGB R105 G105 B105 CMYK C69 M56 Y59 K63 Pantone 4 47 C HEX #353935 RGB R53 G57 B53 100 % 100 % 100 % 100 % 100 % 60 % 60 % 60 % 60 % 60 % 80 % 80 % 80 % 80 % 80 % 40 % 40 % 40 % 40 % 40 % 20 % 20 % 20 % 20 % 20 %
21 // 48 20 // 48
Corporate Stationery The Company Letterhead The Company Business Cards The Envelope Logo Placement Get the Look. SERVICES YOU DESERVE. PEOPLE YOU TRUST Corporate Stationery The Company Letterhead The Company Business Cards The Envelope Logo Placement
BUSINESS CARD ENVELOPE LETTERHEAD PRESENTATION FOLDER
Corporate Stationery 1st
25 // 48 24 // 48
The Corporate Stationery 1st option
The
option
Stationery
BUILDING SIGNAGE INTERIOR LOGO ON DARK INTERIOR LOGO ON LIGHT ID LANYARD The Corporate Stationery 1st option 27 // 48 26 // 48
The Corporate
1st option
CUPS
KEYCHAIN
NOTEBOOK
PEN
1st
29 // 48 28 // 48
The Corporate Stationery 1st option CORPORATE
LEATHER
LEATHER
CORPORATE
The Corporate Stationery
option
BUSINESS CARD ENVELOPE LETTERHEAD PRESENTATION FOLDER
31 // 48 30 // 48
The Corporate Stationery 2nd option
The Corporate Stationery 2nd option
BUILDING SIGNAGE INTERIOR LOGO ON DARK INTERIOR LOGO ON LIGHT ID LANYARD The Corporate Stationery 2nd option 33 // 48 32 // 48
The Corporate Stationery 2nd option
CUPS
KEYCHAIN
NOTEBOOK CORPORATE PEN
Stationery 2nd option 35 // 48 34 // 48
The Corporate Stationery 2nd option CORPORATE
LEATHER
LEATHER
The Corporate
BUSINESS CARD ENVELOPE LETTERHEAD PRESENTATION FOLDER
37 // 48 36 // 48
The Corporate Stationery 3rd option
The Corporate Stationery 3rd option
Corporate Stationery 3rd option BUILDING SIGNAGE INTERIOR LOGO ON DARK INTERIOR LOGO ON LIGHT ID LANYARD The Corporate Stationery 3rd option 39 // 48 38 // 48
The
3rd
CUPS
KEYCHAIN
NOTEBOOK
PEN
Corporate Stationery 3rd option 41 // 48 40 // 48
The Corporate Stationery
option CORPORATE
LEATHER
LEATHER
CORPORATE
The
Creating inspiring ideas and building brands that truly matter to people.
Services you deserve, people you trust.
Corporate Image : Colored Images
Corporate Image Colored Image Black and White Blending Modes and Options
EXAMPLES
Requirements:
Corporate Images are responsible to transfer the values of Stateya Dev. to our customers or our potential customers. It is a composite psychological impression that continually changes with the firm’s circumstances, media coverage, performance, pronouncements, etc. Stateya Dev. use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.
FOR STATEYA DEV. CORPORATE IMAGE SYSTEM
-
saturated colours - high contrast - sharp images - minimalistic look - modern and businesslike
-
45 // 48 44 // 48
Corporate Iconography Application and Examples
Corporate Iconography
IT´S NICE. IT´S COOL. IT´S FULL VECTOR.
An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a easier way. The icon itself is a small picture or symbol serving as a quick, “intuitive” representation of a software tool, function or a data file.
EXAMPLES FOR STATEYA DEV. CORPORATE ICONOGRAPHY SYSTEM -
HOW TO USE ICONOGRAPHY SYSTEM -
How to:
Icon: white
Backround: dark grey
Icon: dark gold
Backround: light grey
- use outline or fill icons with a backround - minimum outline (stroke) size: 0.5 pt - upscale only proportional
Icon: dark grey
Backround: light grey
Icon: dark gold 80% shade
Backround: dark gold
47 // 48 46 // 48
COPYRIGHTS BY Address Stateya Dev. Company Giorgi Saakadze 2nd Ln #4, Tbilisi Georgia. Phone Phone: +995 552222273 Online Email 1: info@stateyadev.com Email 2: marketing@stateyadev.com Website: w ww.stateyadev.com SERVICES YOU DESERVE, PEOPLE YOU TRUST. Thank you. THE BRAND IDENTITY GUIDELINES FOR STATEYA.DEV.
