IITDH_ColoursAndStyles/README.md

# IIT-Dharwad style and branding guidelines [DRAFT]

________________________
#### WARNING!
This repo has no official standing. The developers assume no responsibility for your use of any of the material here. The material here is ONLY for the use of employees of IIT Dharwad. The material here should be understood to a draft version ONLY.
________________________


###About:
This repo contains style and branding guides for IIT-Dharwad, including colors, typography, themes, templates, graphics and more.

###Samples

####Powerpoint:
Powerpoint title slide (light background):
> ![alt text](SampleImages/1.png "Title Slide 1"){ width=50% } 

Powerpoint title slide (light background):
> ![alt text](SampleImages/2.png "Title Slide 2"){ width=50% }

Powerpoint content slide (one pane):
> ![alt text](SampleImages/3.png "Title Slide 3"){ width=50% }

Powerpoint title slide (two panes):
> ![alt text](SampleImages/4.png "Title Slide 4"){ width=50% }

####Logos and Icons:
Full Color, light background:
> ![alt text](SampleImages/5.png "Title Slide 1"){ width=50% }

Dark background:
> ![alt text](SampleImages/6.png "Title Slide 1"){ width=50% }

Web and Alternative layouts:
> ![alt text](SampleImages/7.png "Title Slide 1"){ width=50% }


###Contents
This repo attempts to provide a complete guide to consistent branding, themes and styles across a variety of print and digital media developed at IIT-Dharwad.

#### 1. Colors, Logos, Typography and Graphics
1. **Fonts:**
All fonts used herein are free and open source fonts from the Google Font Library.
All required TTF font files are included in the `fonts/` directory.
2. **Style Guide:**
[ColourAndStyle.pdf](ColourAndStyle/ColourAndStyle.pdf) is a draft guide for colors, typograpgy and logos, showing a variety of layouts and formats and a few letterhead mockups.
2. **SVG Source**
The coresponding SVG source file for the Style Guide  is `ColourAndStyle.svg` and should be edited with inkscape. Before use:
	1. Ensure that all required fonts are installed.
	1. Enable inkscape's missing fonts warning under 'Edit → Preferences...', expand the 'Tools' section, click on 'Text' and then enable "Show font substitution warning dialog."
	1. Open the SVG file and make sure no fonts are missing.
	
Upon opening the inkscape file, view the entire drawing ( `View > Zoom > Drawing`)
The SVG file is organised in layers which are locked by default. To view and unlock the layers, use `Layers > Layers...` or <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd>
Layers with prefix `PPT_` contain graphics used in the Powerpoint Template.
	
#### 2. Presentation Template

#### 3. Letterhead

###License

This material solely for use within IIT Dharwad by its employees. This this repository should not be shared publicly unless under official direction. The logos and graphics within the templates / themes/ artwork are owned by the respective organisations. See the accompanying License.md file.