CORPORATE IDENTITY DVC3536
FOSS TECHNOLOGIES IDENTITY GUIDELINES
MUHAMMAD FATIH BIN ROSLI 1602170A TD03
CONTENTS
1 INTRO
2 TOOLKIT
3 APPLICATION
1A ABOUT FOSSTECH 1B ABOUT LOGO
2A 2B 2C 2D 2E 2F 2G 2H 2I 2J 2K 2L
3A STATIONERIES 3B OTHERS
FOSSTECH TOOLKIT LOGO ELEMENTS VARIATIONS CLEARSPACE MINIMUM SIZE LOGO POSITION COLOR PALETTE GRADIENT USAGE COLOR VARIATIONS LOGO MISUSE TYPOGRAPHY SECONDARY GRAPHIC ELEMENT
INTRO 2A 2B 2C 2D 2E 2F 2G 2H 2I 2J 2K 2L
FOSSTECH TOOLKIT LOGO ELEMENTS2 VARIATIONS CLEARSPACE MINIMUM SIZE LOGO POSITION COLOR PALETTE GRADIENT USAGE COLOR VARIATIONS LOGO MISUSE TYPOGRAPHY SECONDARY GRAPHIC ELEMENT
1A
CHAPTER 1: INTRO
ABOUT
FOSS TECHNOLOGIES Founded and ideated in 2020 by Russian neurologist and business woman,Luna Volkovya Neelofa, Foss Technologies aims to use artificial intelligence technology to help enhance the human experience. The company focuses on neural research/ development on the human brain and also the main producer of Foss Vision.
FOSS VISION Foss Vision is a new technology of integration of both human and artificial intellegence.Users are able to not only record their vision, they are able record their consciousness for a period moment of time, with all the 5 senses. Such memories are then saved in the album gallery with easy access of reliving such memories.
FOSSTECH IDENTITY GUIDELINES
1B
CHAPTER 1: INTRO
ABOUT LOGO
+
FOOSTECH’s Logo was from merging aspects of human and artificial intelligence, The logo was inspired the the birth of human existence, the division of cells. This visual represents the dawn of revolution of humans that the company aims to strive for. The logo was also inspired that the lockscreen used in smartphones, representing the uncovering and unlocking of the great potential for human excellence.
FOSSTECH IDENTITY GUIDELINES
=
TOOLKIT 2A 2B 2C 2D 2E 2F 2G 2H 2J 2K 2L
LOGO ELEMENTS VARIATIONS CLEARSPACE MINIMUM SIZE POSITION COLOR PALETTE GRADIENT USAGE COLOR VARIATIONS LOGO MISUSE TYPOGRAPHY SECONDARY GRAPHIC ELEMENT
2A
CHAPTER 2: THE TOOLKIT
FOSSTECH TOOLKIT VERTICAL LOCKUP
HORIZONTAL LOCKUP
The identity elements are a toolkit used to express stage for kids as a brand and their personality. FOSSTECH’s toolkit comprised of the logo, wordmark, logo lock-ups, a family of typefaces and an energetic colour palette. When used correctly, all of the components help create a strong visual identity. The following pages examine each element in depth.
TYPOGRAPHY
COLOR PALETTE
PANTONE 366C
FOSSTECH IDENTITY GUIDELINES
PANTONE 3262C
PANTONE 7681C
2B
CHAPTER 2: THE TOOLKIT
LOGO ELEMENTS The FossTech consists of 2 main elements; a symbol and a wordmark. Always use both elements in logo application, do not seperate them or use one over the other.
FOSSTECH IDENTITY GUIDELINES
CHAPTER 2: THE TOOLKIT
LOGO VARIATION VERTICAL LOCKUP
2C
LOCK-UPS There are only two acceptable logo variations; the vertical lock-up & the horizontal lock-up The primary and preffered lock-up would be the vertical lock-up. However,if there are cases of limitation of sizing, the secondary version (horizontal lock-up) of the logo is permissible.
GRID Both logo variations are made using a grid layout. Hence, the wordmark and symbol must always be aligned and proportionally accurate according to the grid shown.
FOSSTECH IDENTITY GUIDELINES
HORIZONTAL LOCKUP
2D
CHAPTER 2: THE TOOLKIT
LOGO CLEARSPACE Always provide adequate clearspace around the logo to maintain its legibility and integrity. The amount of clearspace necessary is proportional to the size of the logo. The minimum amount of clearspace around all sides of the logo is 1/6 times of overall height of the logo (x)
0.6X
0.6X
X
CLEARSPACE!
FOSSTECH IDENTITY GUIDELINES
2E
CHAPTER 2: THE TOOLKIT
MINIMUM SIZE It is vital for the logo to reach its maximum impact, the size of the logo should never be reproduced in any other size than the measurements stated shown on this page
VERTICAL LOCK-UP
HORIZONTAL LOCK-UP
29mm DIGITAL APPLICATION 25mm
95px PRINT APPLICATION 83px
FOSSTECH IDENTITY GUIDELINES
2F
CHAPTER 2: THE TOOLKIT
LOGO POSITION The preferred position of the logo on a layout is anchored to top left or bottom left
PREFERRED: ANCHORED ON LEFT PLANE
Positioning on top right or bottom right is permissible, if there is a need to. The logo should never be anchored anywhere on the centre plane of the layout.
ACCEPTABLE: ANCHORED ON RIGHT PLANE
UNACCEPTABLE: ANCHORED ON CENTRE PLANE
FOSSTECH IDENTITY GUIDELINES
2G
CHAPTER 2: THE TOOLKIT
COLOR PALETTE FOSSTECH’s color palette are mainly 3 colours, with a gradient.
TEAL MARINE PANTONE COATED 3262C #00B6B7
R = 0 G = 183 B = 184
C M Y K
= = = =
74 1 33 0
LIME GREEN PANTONE COATED 366C #B2D679
R = 178 G = 214 B = 121
C M Y K
= = = =
33 0 69 0
PERIWINKLE PANTONE COATED 7681C #8CA6CA
R = 140 G = 166 B = 202
C M Y K
= = = =
46 27 6 0
These colors are used to convey the company’s passion and values and the gradient is used to showcase the company’s futuristic look and professionalism. Gradient must always be applied in an angle direction of 135%, with Lime Green being at the top and Periwinkle being at the bottom.
ANGLED AT 135%
FOSSTECH IDENTITY GUIDELINES
2H
CHAPTER 2: THE TOOLKIT
PROPER USAGE OF GRADIENT ON LOGO FOSSTECH’s logo has a gradient color which can be easily misused. The masking of gradients on the logo must be followed as shown on this page.
a visual to show how the gradients are masked on different parts on the logo. for the 3 circles, the masked square gradient must be equal dimension as the circle with opp direction tilted at 135%
This is to ensure consistency in all logos and ensure all the colors in the gradient has an equal amount shown. for the 3 odd shapes, the masked square gradient must be equal dimension as the logo with upwards direction tilted at 135%
for the wordmark, the masked square gradient must be equal dimension as the wordmark itself with an upwards direction tilted at 135%
FOSSTECH IDENTITY GUIDELINES
CHAPTER 2: THE TOOLKIT
There are two versions of color variations the logo could be varied. For one-colored logos, if needed for a b&w design,both black logo on white background and white logo on black background are acceptable.
ONE COLORED LOGOS
COLOR VARIATIONS
When print doesnt allow color print, or for low-grade printing, a grayscale version can be used.
BLACK ON WHITE
WHITE ON BLACK
GRAYSCALE (SECONDARY)
FULL COLOR ON WHITE
WHITE ON GRADIENT
FULL COLOR ON BLACK (SECONDARY)
For full colored logos, full colored logo on white and white logo on gradient are the most preferred variation. If there is a need for a black background, full colour on black is acceptable However,full colored should always be used where possible.
FOSSTECH IDENTITY GUIDELINES
FULL COLORED LOGOS
2I
2J
CHAPTER 2: THE TOOLKIT
LOGO MISUSE Maintaining the logo across all mediums, touchpoints, sizes and layout is vitally important. Logo variations on the next page are the red lines NOT TO CROSS while dealing with FOSSTECH’s logo.
FOSSTECH IDENTITY GUIDELINES
2J
CHAPTER 2: THE TOOLKIT
LOGO MISUSE
do not alter the gradients on the logo
do not outline the logo
do not use drop shadows
do not use both one color and full color in a logo
do not rotate logo
do not change arrangement of the circles
FOSSTECH IDENTITY GUIDELINES
do not adjust opacity
do not resize or change position of elements
do not scale out of proportion
do not place logo on image/textured background
do not crop the logo
for one color logo, do not use other colors unless stated.
2K
CHAPTER 2: THE TOOLKIT
TYPOGRAPHY Typography in FOSSTECH’s identity design is pretty simple, kept to only 3 main fonts, to keep the corporate instrument and identity more rational Unless stated otherwise, the typeface chosen should be used with the following settings stated so as to ensure consistency within all documents and communication.
Plateia Bold is used on the wordmark. Primarily used for titles or headers, wherever neccessary.
VCR OSD Mono is primarily used for body copy or small headers.
Aktiv Grotesk Bold is a secondary typeface, only in two ocassions; when VCR OSD Mono is not available and for a Web font for FOSSTECH’s website.
FOSSTECH IDENTITY GUIDELINES
2L
CHAPTER 2: THE TOOLKIT
SECONDARY GRAPHIC ELEMENT
FORMATION OF GRID SYSTEM
The secondary graphic element was made enhance the brand image and allow further brand recognition. The secondary graphic element is made out of the logo itself, using a a grid system, as seen on the page. The gap between each circle is 1/2 the measurement of overall diameter of the circle (2x). The grid must not be altered, changed or scaled.
ZOOMED IN TO EACH CIRCLE 2X
X X
2X
FOSSTECH IDENTITY GUIDELINES
2L
CHAPTER 2: THE TOOLKIT
SECONDARY GRAPHIC ELEMENT
LAYOUT B (PREFERRED)
LAYOUT A (PREFERRED) OUTLINED VERSION
The secondary graphic element can only be cropped at the 4 corners of a layout. Ensure cropping must be aligned to the perpendicular corner and circles must only be cropped at half or quarter. OUTLINED VERSION (REVERSED)
The cropping MUST NOT be tilted or scaled Layout A and B are primary used as the main graphic device. It is the the secondary graphic outlined.
LAYOUT C
LAYOUT D FILLED VERSION
Layout C and D are only used if needed, or to avoid oversaturation of the first graphic in a certain touchpoint.
FILLED VERSION (REVERSED)
FOSSTECH IDENTITY GUIDELINES
APPLICATIONS 3A STATIONERIES 3B OTHERS
3A
CHAPTER 3: APPLICATION
STATIONERY: LETTERHEAD
LETTERHEAD WITH GRID
Actual Size: 210mm x 297mm (A4) Paper: Grandeur Zen White 120gsm Typeface used:VCR OSD Mono
LETTERHEAD WITHOUT GRID
FOSSTECH IDENTITY GUIDELINES
3A
CHAPTER 3: APPLICATION
STATIONERY: LETTERHEAD
LETTERHEAD (BACK) WITH GRID
Actual Size: 210mm x 297mm (A4) Paper: Grandeur Zen White 120gsm
LETTERHEAD (BACK) WITHOUT GRID
FOSSTECH IDENTITY GUIDELINES
3A
CHAPTER 3: APPLICATION
STATIONERY: ENVELOPE Actual Size: 220mm x 110mm Paper: Grandeur Zen White 150gsm Typeface used:VCR OSD Mono
ENVELOPE (BACK) WITH GRID
ENVELOPE WITH GRID
FOSSTECH IDENTITY GUIDELINES
3A
CHAPTER 3: APPLICATION
STATIONERY: NAMECARD Actual Size: 94mm x 54mmWW Paper: Grandeur Zen White 350gsm Typeface used:VCR OSD Mono
NAMECARD (BACK) WITH GRID
NAMECARD WITH GRID
FOSSTECH IDENTITY GUIDELINES
3A
CHAPTER 3: APPLICATION
STATIONERY SET
FOSSTECH IDENTITY GUIDELINES
3B
CHAPTER 3: APPLICATION
FOSSTECH VEHICLE
FOSSTECH IDENTITY GUIDELINES
3B
CHAPTER 3: APPLICATION
SOCIAL MEDIA PRESENCE
FOSSTECH IDENTITY GUIDELINES
3B
CHAPTER 3: APPLICATION
OFFICE DECALS
FOSSTECH IDENTITY GUIDELINES
MUHAMMAD FATIH BIN ROSLI 1602170A TD03 CORPORATE IDENTITY DVC3536