SlideShare a Scribd company logo
VISUAL MANUAL
T r a d e m a r k F o n t s C o l o r s I c o n s
1
G R I D / W O R L D B A N K
N O V E M B E R 2 0 2 2
About
guideline
This guideline describes the visual elements
that represent GRID's identity. This includes
our name, logo and elements like color, type,
and graphics.
The guideline helps us keep our messaging
unified through consistency and style. The
GRID visual Identity, including the logo, name,
colors, and identifying elements, are valuable
assets.
Preventing unauthorized or incorrect use of the
GRID visual identifier contributes substantially
to keeping our messaging unified and
professional.
2 G R I D / W O R L D B A N K
3
G R I D / W O R L D B A N K
Visual
System
The visual system defines the unique
and proprietary assets that bring the
brand platform to life.
01
4 G R I D / W O R L D B A N K
Color
Palette
RGB 17 / 79 / 81
HEX 114f51
CMYK 90 / 51 / 58 / 36
RGB 124 / 178 / 66
HEX 7cb242
CMYK 58 / 10 / 100 / 0
70% Tint
70% Tint
50% Tint
50% Tint
5
G R I D / W O R L D B A N K
Color
Alternative
RGB 126 / 106 / 108
HEX 7e6a6c
CMYK 49 / 55 / 48 / 15
RGB 45 / 67 / 68
HEX 647e8b
CMYK 65 / 42 / 36 / 6
RGB 231 / 197 / 100
HEX e7c564
CMYK 10 / 20 / 72 / 00
For digital or print media it is recommended
to use offwhite color for page background.
Where this is not possible, a 20% tint of
scondary colors is advised.
RGB 247 / 243 / 237
HEX f7f3ed
CMYK 2 / 3 / 5 / 0
70% Tint
70% Tint
70% Tint
20% Tint
20% Tint
20% Tint
6 G R I D / W O R L D B A N K
Note:
When custom typefaces are not an option (e.g. email, PowerPoint, etc.), Trebuchet is the official alternate typeface.
It is pre-installed on every computer.
Typography
System
Primary Regular
ABCDFEGHIJKLM
abcdefghiklmopqrz
0123456789
Thin
ABCDFEGHIJKLM
abcdefghiklmopqrz
0123456789
Medium
ABCDFEGHIJKLM
abcdefghiklmopqrz
0123456789
Bold
ABCDFEGHIJKLM
abcdefghiklmopqrz
0123456789
Italic
ABCDFEGHIJKLM
abcdefghiklmopqrz
0123456789
Font Name:
Work Sans (TT)
7
G R I D / W O R L D B A N K
Logo
System
The logo system defines the proper
usage of the logo. This will help keep
the logo consistent throughout.
02
8 G R I D / W O R L D B A N K
Logo
Overview
The GRID logo communicates the nature of its themes, sectors, and
projects while also symbolizing the GRID narrative of an evolving view
of development. This engages an integrated perception of sustainability,
conservation, inclusivity, development, and economic growth. The
guidelines around using the logo are meant to enable consistent usage,
which can help the logo build equity and recognition over time.
Clear Zone
Our logo has a clear zone around it,
to create prominence and to avoid
interference. No text or graphic elements
can appear in this area. This applies to
both horizental and vertical logo.
Color
RGB 17 / 79 / 81
HEX 114f51
CMYK 90 / 51 / 58 / 36
RGB 124 / 178 / 66
HEX 7cb242
CMYK 58 / 10 / 100 / 0
Preferably, you must always reproduce the
Grid logo in two shades of green on a white
background. The specifications are as follows:
WATERMARK OVERVIEW
When Required, Graphic part of logo can be used
as watermark at 5% opacity without altering the
color of single color logo. (Refer: Page 11)
9
G R I D / W O R L D B A N K
Logo
Usage Vertical Logo
Main Logo
Dark background
Logo
Black and White
Logo
Single Color
Logo
Vertical and horizontal logo variations
provide flexibility for different spatial
parameters and use cases. Smallest size of
logo would be in the ratio of 2.5cm height.
1 0 G R I D / W O R L D B A N K
Logo
Usage Horizental Logo
Main Logo
Dark background
Logo
Black and White
Logo
Single Color
Logo
Vertical and horizontal logo variations
provide flexibility for different spatial
parameters and use cases. Smallest size of
logo would be in the ratio of 1.5cm height.
1 1
G R I D / W O R L D B A N K
Here are some examples of incorrect
or ineffective use of the GRID logo.
DO NOT place logo
on top of a dark color.
DO NOT change
the color of the logo ther then specified
in next page.
DO NOT place logo
on top of an image without negative space.
DO NOT rotate the logo, squeeze the logo
and rearrange elements of the logo.
DO NOT place the logo on a
busy background
DO NOT use any effects in logo
Incorrect
Usage of Logo
1 2 G R I D / W O R L D B A N K
Graphic
Elements
Graphic elements represent individual
thematic icons and patterns for design
use.”
03
1 3
G R I D / W O R L D B A N K
Iconography
Usage
Other Icons
These are our line drawing icons. They are familiar, uncomplicated, and friendly.
Preferably, you must always reproduce the icons in one of following styles.
Thematic Icons Usage
Black Solid Background
Black Stroke Color
Grid Green Solid Background
Grid Green Stroke Color
1 4 G R I D / W O R L D B A N K
Grid - Visual Guideline.pdf

More Related Content

Similar to Grid - Visual Guideline.pdf

Smart Market Brand Guide
Smart Market Brand GuideSmart Market Brand Guide
Smart Market Brand Guide
KyleKemberling
 
AGC - guidelines
AGC - guidelinesAGC - guidelines
AGC - guidelines
Architectura
 
Circles - Brandbook
Circles - BrandbookCircles - Brandbook
Circles - Brandbook
Martin Köppelmann
 
Guidline LQ.pdf
Guidline LQ.pdfGuidline LQ.pdf
Guidline LQ.pdf
rohitk331299
 
Houston Health Department Brand Manual
Houston Health Department Brand ManualHouston Health Department Brand Manual
Houston Health Department Brand Manual
Stephanie Coleman
 
ShopperTrak brand guidelines
ShopperTrak brand guidelinesShopperTrak brand guidelines
ShopperTrak brand guidelines
Russell Evans
 
RER Guidelines
RER GuidelinesRER Guidelines
RER Guidelines
Anton Chitana
 
Debbie Goulding Makeup Artist Brand Style Guide
Debbie Goulding Makeup Artist Brand Style GuideDebbie Goulding Makeup Artist Brand Style Guide
Debbie Goulding Makeup Artist Brand Style Guide
Cassie Martinez Pastorfide
 
Photography for Equality // Phfe guidelines
Photography for Equality // Phfe guidelinesPhotography for Equality // Phfe guidelines
Photography for Equality // Phfe guidelines
Marina Alves
 
Cherriots Style Guidelines - 2018 Edition
Cherriots Style Guidelines - 2018 EditionCherriots Style Guidelines - 2018 Edition
Cherriots Style Guidelines - 2018 Edition
Matt Berggren
 
1. AA_BrandStandards
1. AA_BrandStandards1. AA_BrandStandards
1. AA_BrandStandards
Chenxin (Emily) Pan
 
150211 FA ACC Brand Guideline
150211 FA ACC Brand Guideline150211 FA ACC Brand Guideline
150211 FA ACC Brand Guideline
aryan adia
 
anyclip_brand_guide
anyclip_brand_guideanyclip_brand_guide
anyclip_brand_guide
Daryl McNutt
 
Brand book | GRINN
Brand book | GRINNBrand book | GRINN
Brand book | GRINN
GRINN
 
WD_Portfolio_Low2
WD_Portfolio_Low2WD_Portfolio_Low2
WD_Portfolio_Low2
Reham AL-khateeb
 
WD Agency Portfolio
WD Agency PortfolioWD Agency Portfolio
WD Agency Portfolio
Thair Al.Ahmar
 
WD_Portfolio_Low
WD_Portfolio_LowWD_Portfolio_Low
WD_Portfolio_Low
WD Agency
 
Union Bank Brand quick guide
Union Bank Brand quick guideUnion Bank Brand quick guide
Union Bank Brand quick guide
Michael Weil
 
Portfolio - Style Guide
Portfolio - Style GuidePortfolio - Style Guide
Portfolio - Style Guide
Abe Nito
 
LocalView Branding Guidelines
LocalView Branding GuidelinesLocalView Branding Guidelines
LocalView Branding Guidelines
Kaitie Harris
 

Similar to Grid - Visual Guideline.pdf (20)

Smart Market Brand Guide
Smart Market Brand GuideSmart Market Brand Guide
Smart Market Brand Guide
 
AGC - guidelines
AGC - guidelinesAGC - guidelines
AGC - guidelines
 
Circles - Brandbook
Circles - BrandbookCircles - Brandbook
Circles - Brandbook
 
Guidline LQ.pdf
Guidline LQ.pdfGuidline LQ.pdf
Guidline LQ.pdf
 
Houston Health Department Brand Manual
Houston Health Department Brand ManualHouston Health Department Brand Manual
Houston Health Department Brand Manual
 
ShopperTrak brand guidelines
ShopperTrak brand guidelinesShopperTrak brand guidelines
ShopperTrak brand guidelines
 
RER Guidelines
RER GuidelinesRER Guidelines
RER Guidelines
 
Debbie Goulding Makeup Artist Brand Style Guide
Debbie Goulding Makeup Artist Brand Style GuideDebbie Goulding Makeup Artist Brand Style Guide
Debbie Goulding Makeup Artist Brand Style Guide
 
Photography for Equality // Phfe guidelines
Photography for Equality // Phfe guidelinesPhotography for Equality // Phfe guidelines
Photography for Equality // Phfe guidelines
 
Cherriots Style Guidelines - 2018 Edition
Cherriots Style Guidelines - 2018 EditionCherriots Style Guidelines - 2018 Edition
Cherriots Style Guidelines - 2018 Edition
 
1. AA_BrandStandards
1. AA_BrandStandards1. AA_BrandStandards
1. AA_BrandStandards
 
150211 FA ACC Brand Guideline
150211 FA ACC Brand Guideline150211 FA ACC Brand Guideline
150211 FA ACC Brand Guideline
 
anyclip_brand_guide
anyclip_brand_guideanyclip_brand_guide
anyclip_brand_guide
 
Brand book | GRINN
Brand book | GRINNBrand book | GRINN
Brand book | GRINN
 
WD_Portfolio_Low2
WD_Portfolio_Low2WD_Portfolio_Low2
WD_Portfolio_Low2
 
WD Agency Portfolio
WD Agency PortfolioWD Agency Portfolio
WD Agency Portfolio
 
WD_Portfolio_Low
WD_Portfolio_LowWD_Portfolio_Low
WD_Portfolio_Low
 
Union Bank Brand quick guide
Union Bank Brand quick guideUnion Bank Brand quick guide
Union Bank Brand quick guide
 
Portfolio - Style Guide
Portfolio - Style GuidePortfolio - Style Guide
Portfolio - Style Guide
 
LocalView Branding Guidelines
LocalView Branding GuidelinesLocalView Branding Guidelines
LocalView Branding Guidelines
 

More from Suyog Shrestha

Living a dignified life.
Living a dignified life.Living a dignified life.
Living a dignified life.
Suyog Shrestha
 
Positive Living
Positive LivingPositive Living
Positive Living
Suyog Shrestha
 
Educate the future save the children_Save
Educate the future save the children_SaveEducate the future save the children_Save
Educate the future save the children_Save
Suyog Shrestha
 
Newsletter "Kathmandu Donbosco College"
Newsletter "Kathmandu Donbosco College"Newsletter "Kathmandu Donbosco College"
Newsletter "Kathmandu Donbosco College"
Suyog Shrestha
 
Lost
LostLost
Ncm
NcmNcm
Shtc
ShtcShtc

More from Suyog Shrestha (7)

Living a dignified life.
Living a dignified life.Living a dignified life.
Living a dignified life.
 
Positive Living
Positive LivingPositive Living
Positive Living
 
Educate the future save the children_Save
Educate the future save the children_SaveEducate the future save the children_Save
Educate the future save the children_Save
 
Newsletter "Kathmandu Donbosco College"
Newsletter "Kathmandu Donbosco College"Newsletter "Kathmandu Donbosco College"
Newsletter "Kathmandu Donbosco College"
 
Lost
LostLost
Lost
 
Ncm
NcmNcm
Ncm
 
Shtc
ShtcShtc
Shtc
 

Recently uploaded

一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 

Recently uploaded (20)

一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 

Grid - Visual Guideline.pdf

  • 1. VISUAL MANUAL T r a d e m a r k F o n t s C o l o r s I c o n s 1 G R I D / W O R L D B A N K N O V E M B E R 2 0 2 2
  • 2. About guideline This guideline describes the visual elements that represent GRID's identity. This includes our name, logo and elements like color, type, and graphics. The guideline helps us keep our messaging unified through consistency and style. The GRID visual Identity, including the logo, name, colors, and identifying elements, are valuable assets. Preventing unauthorized or incorrect use of the GRID visual identifier contributes substantially to keeping our messaging unified and professional. 2 G R I D / W O R L D B A N K
  • 3. 3 G R I D / W O R L D B A N K
  • 4. Visual System The visual system defines the unique and proprietary assets that bring the brand platform to life. 01 4 G R I D / W O R L D B A N K
  • 5. Color Palette RGB 17 / 79 / 81 HEX 114f51 CMYK 90 / 51 / 58 / 36 RGB 124 / 178 / 66 HEX 7cb242 CMYK 58 / 10 / 100 / 0 70% Tint 70% Tint 50% Tint 50% Tint 5 G R I D / W O R L D B A N K
  • 6. Color Alternative RGB 126 / 106 / 108 HEX 7e6a6c CMYK 49 / 55 / 48 / 15 RGB 45 / 67 / 68 HEX 647e8b CMYK 65 / 42 / 36 / 6 RGB 231 / 197 / 100 HEX e7c564 CMYK 10 / 20 / 72 / 00 For digital or print media it is recommended to use offwhite color for page background. Where this is not possible, a 20% tint of scondary colors is advised. RGB 247 / 243 / 237 HEX f7f3ed CMYK 2 / 3 / 5 / 0 70% Tint 70% Tint 70% Tint 20% Tint 20% Tint 20% Tint 6 G R I D / W O R L D B A N K
  • 7. Note: When custom typefaces are not an option (e.g. email, PowerPoint, etc.), Trebuchet is the official alternate typeface. It is pre-installed on every computer. Typography System Primary Regular ABCDFEGHIJKLM abcdefghiklmopqrz 0123456789 Thin ABCDFEGHIJKLM abcdefghiklmopqrz 0123456789 Medium ABCDFEGHIJKLM abcdefghiklmopqrz 0123456789 Bold ABCDFEGHIJKLM abcdefghiklmopqrz 0123456789 Italic ABCDFEGHIJKLM abcdefghiklmopqrz 0123456789 Font Name: Work Sans (TT) 7 G R I D / W O R L D B A N K
  • 8. Logo System The logo system defines the proper usage of the logo. This will help keep the logo consistent throughout. 02 8 G R I D / W O R L D B A N K
  • 9. Logo Overview The GRID logo communicates the nature of its themes, sectors, and projects while also symbolizing the GRID narrative of an evolving view of development. This engages an integrated perception of sustainability, conservation, inclusivity, development, and economic growth. The guidelines around using the logo are meant to enable consistent usage, which can help the logo build equity and recognition over time. Clear Zone Our logo has a clear zone around it, to create prominence and to avoid interference. No text or graphic elements can appear in this area. This applies to both horizental and vertical logo. Color RGB 17 / 79 / 81 HEX 114f51 CMYK 90 / 51 / 58 / 36 RGB 124 / 178 / 66 HEX 7cb242 CMYK 58 / 10 / 100 / 0 Preferably, you must always reproduce the Grid logo in two shades of green on a white background. The specifications are as follows: WATERMARK OVERVIEW When Required, Graphic part of logo can be used as watermark at 5% opacity without altering the color of single color logo. (Refer: Page 11) 9 G R I D / W O R L D B A N K
  • 10. Logo Usage Vertical Logo Main Logo Dark background Logo Black and White Logo Single Color Logo Vertical and horizontal logo variations provide flexibility for different spatial parameters and use cases. Smallest size of logo would be in the ratio of 2.5cm height. 1 0 G R I D / W O R L D B A N K
  • 11. Logo Usage Horizental Logo Main Logo Dark background Logo Black and White Logo Single Color Logo Vertical and horizontal logo variations provide flexibility for different spatial parameters and use cases. Smallest size of logo would be in the ratio of 1.5cm height. 1 1 G R I D / W O R L D B A N K
  • 12. Here are some examples of incorrect or ineffective use of the GRID logo. DO NOT place logo on top of a dark color. DO NOT change the color of the logo ther then specified in next page. DO NOT place logo on top of an image without negative space. DO NOT rotate the logo, squeeze the logo and rearrange elements of the logo. DO NOT place the logo on a busy background DO NOT use any effects in logo Incorrect Usage of Logo 1 2 G R I D / W O R L D B A N K
  • 13. Graphic Elements Graphic elements represent individual thematic icons and patterns for design use.” 03 1 3 G R I D / W O R L D B A N K
  • 14. Iconography Usage Other Icons These are our line drawing icons. They are familiar, uncomplicated, and friendly. Preferably, you must always reproduce the icons in one of following styles. Thematic Icons Usage Black Solid Background Black Stroke Color Grid Green Solid Background Grid Green Stroke Color 1 4 G R I D / W O R L D B A N K