diff --git a/ColourAndStyle/ColourAndStyle.pdf b/ColourAndStyle/ColourAndStyle.pdf new file mode 100644 index 0000000..c8bee37 Binary files /dev/null and b/ColourAndStyle/ColourAndStyle.pdf differ diff --git a/ColourAndStyle/ColourAndStyle.svg b/ColourAndStyle/ColourAndStyle.svg new file mode 100644 index 0000000..f18f5ed --- /dev/null +++ b/ColourAndStyle/ColourAndStyle.svg @@ -0,0 +1,3820 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + IIT Dharwad Official Logos and Colors and Typography + Official Colors + + + PurpleRGB: 108/27/133, #6c1b85ffPantone 2612C + MarigoldRGB: 255/173/74, #ffad4aPantone: 804C + Colour Schemes + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + Black on White, suitable for monochrome prints and media + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + Full colour, suitable for rich color prints, web, and electronic media + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + Monochrome logo for black / dark backgrounds for print and web media + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + Full colour logo for dark backgrounds for print and web media Wide format layout for web banners, headings, poster titles, etc. Alternative Layouts + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + + + + + + + + + + + + + Icons / Favicons, 400px or smaller bitmaps Typefaces + The default sans typeface is Open Sans from Google Fonts which is available free and open source under the open font license. The official logo uses Open Sans while the wide-format logo uses Open Sans Condensed Bold. "Lato", also available from Google Fonts, may be used as an alternative sans typeface. For print applications, Times New Roman, Helvetica, and Caladea (from Google Fonts) may be used.This document is also available as an Inkscape SVG file containing all icons as layers. DRAFT: V2.2 20200327 kabhijit@iitdh.ac.in + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + Muted colour scheme, for printing on light media or high contrast applications. (00500a/951b19) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + + + + + + + + + + + Wide format primary color + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + Wide format inverted colors + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Indian Institute of Technology Dharwad + + Ultrawide bottom banner for slides + diff --git a/README.md b/README.md index 984a5e2..61d5396 100644 --- a/README.md +++ b/README.md @@ -39,7 +39,23 @@ Web and Alternative layouts: 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 Ctrl + Shift + L +Layers with prefix `PPT_` contain graphics used in the Powerpoint Template. + #### 2. Presentation Template + #### 3. Letterhead ###License