Graphical and stylistic manual of the department
Department of Electromagnetic Field Faculty of Electrical Engineering Czech Technical University in Prague
Petr Chvojka [email protected]
Petr Chvojka Graphical and stylistic manual of the department 1 / 11 Outline
1. Color Space – RGB × CMYK – PANTONE
2. Graphic Formats
3. Graphical Manual ELMAG.ORG – ELMAG old logo – Colors Definitions – Logo Variants – Basic Font
4. Graphical Manual CTU
5. Next Improvement
Petr Chvojka Graphical and stylistic manual of the department 2 / 11 Color Space
| Color space (color model, color system) is a set/range of colors available in your workspace | RGB × CMYK × HSV × HSL × YIQ × YCbCr × PANTONE I Depends on the application - print, web, computer graphics, . . . | Additive × subtractive color mixing
Petr Chvojka Graphical and stylistic manual of the department 3 / 11 Color Space
| Color space (color model, color system) is a set/range of colors available in your workspace | RGB × CMYK × HSV × HSL × YIQ × YCbCr × PANTONE I Depends on the application - print, web, computer graphics, . . . | Additive × subtractive color mixing
| PANTONE – Pantone Matching System (PMS) I Set of predefined colors for various applications (un/coated paper, matte paper, plastic, textile, computer video, . . . ) I Fluorescent or metallic colors I Pantone Matching System R Coated or Uncoated: 1867 solid colors for printing1
1 https://www.pantone.com/color-intelligence/articles/technical/pantone-numbering-explained Petr Chvojka Graphical and stylistic manual of the department 4 / 11 Color Space
| Color space (color model, color system) is a set/range of colors available in your workspace | RGB × CMYK × HSV × HSL × YIQ × YCbCr × PANTONE I Depends on the application - print, web, computer graphics, . . . | Additive × subtractive color mixing
| PANTONE – Pantone Matching System (PMS) I Set of predefined colors for various applications (un/coated paper, matte paper, plastic, textile, computer video, . . . ) I Fluorescent or metallic colors I Pantone Matching System R Coated or Uncoated: 1867 solid colors for printing1 I color of the year (since 2007)
2014 2015 2016 2017 2018
PANTONE 15-0343 PANTONE 18-1438 PANTONE 13-1520 PANTONE 15-0343 PANTONE 18-3838 Radiant Orchid Marsala Rose Quartz Greenery Ultra Violet PANTONE 15-3919 Serenity
1 https://www.pantone.com/color-intelligence/articles/technical/pantone-numbering-explained Petr Chvojka Graphical and stylistic manual of the department 4 / 11 Color Space
| Color space (color model, color system) is a set/range of colors available in your workspace | RGB × CMYK × HSV × HSL × YIQ × YCbCr × PANTONE I Depends on the application - print, web, computer graphics, . . . | Additive × subtractive color mixing
| PANTONE – Pantone Matching System (PMS) I Set of predefined colors for various applications (un/coated paper, matte paper, plastic, textile, computer video, . . . ) I Fluorescent or metallic colors I Pantone Matching System R Coated or Uncoated: 1867 solid colors for printing1 I color of today
20 November 2018
PANTONE 17-1623 TPX Rose Wine
1 https://www.pantone.com/color-intelligence/articles/technical/pantone-numbering-explained Petr Chvojka Graphical and stylistic manual of the department 4 / 11 Graphic Formats
| Raster file formats I JPEG – with compression, used for photographs, quality (compression) × size I PNG – alternative to GIF, supports 16.7 millions colors, without compression, ideal for simple raster images (logos, schemes, . . . ) I TIFF – unofficial standard for printed images, high quality images with large size
Petr Chvojka Graphical and stylistic manual of the department 5 / 11 Graphic Formats
| Raster file formats I JPEG – with compression, used for photographs, quality (compression) × size I PNG – alternative to GIF, supports 16.7 millions colors, without compression, ideal for simple raster images (logos, schemes, . . . ) I TIFF – unofficial standard for printed images, high quality images with large size | Vector file formats – infinite zoom, low file size, objects are created by lines and curves I AI – Adobe illustrator I CDR – CorelDRAW (available at download.cvut.cz) I EPS, PS – PostScript I PDF – Portable Document Format I Free editors – Inkscape, GIMP and TikZ and PGF packages for TeX
Petr Chvojka Graphical and stylistic manual of the department 5 / 11 Graphic Formats
| Raster file formats I JPEG – with compression, used for photographs, quality (compression) × size I PNG – alternative to GIF, supports 16.7 millions colors, without compression, ideal for simple raster images (logos, schemes, . . . ) I TIFF – unofficial standard for printed images, high quality images with large size | Vector file formats – infinite zoom, low file size, objects are created by lines and curves I AI – Adobe illustrator I CDR – CorelDRAW (available at download.cvut.cz) I EPS, PS – PostScript I PDF – Portable Document Format I Free editors – Inkscape, GIMP and TikZ and PGF packages for TeX
Petr Chvojka Graphical and stylistic manual of the department 5 / 11 Graphical Manual ELMAG.ORG
| A tool for unified corporate indentity I Logos, colors, fonts, prints, web design, presentations, promotion materials, . . .
Petr Chvojka Graphical and stylistic manual of the department 6 / 11 Graphical Manual ELMAG.ORG
| A tool for unified corporate indentity I Logos, colors, fonts, prints, web design, presentations, promotion materials, . . . | ELMAG.ORG – old logos (created by M´ıla?) – a need for unification, definitions of colors, dimensions, fonts, . . .
elmag .org
Petr Chvojka Graphical and stylistic manual of the department 6 / 11 Graphical Manual ELMAG.ORG
| ELMAG.ORG logomanual (since 05/2018): colors
PANTONE 300 C PANTONE 306 C CMYK 0-0-0-100 CMYK 99-50-0-0 CMYK 75-0-5-0 RGB 0-0-0 RGB 0-94-184 RGB 0-181-226 HEX #000000 HEX #005EB8 HEX #00B5E2
Petr Chvojka Graphical and stylistic manual of the department 7 / 11 Graphical Manual ELMAG.ORG
| ELMAG.ORG logomanual (since 05/2018): colors, logos (favicon and social networks included) I Logo variants
BASIC VERSION EXCEPTIONAL VERSION BASIC VERSION (COLOR) (COLOR) (BLACK AND WHITE)
Petr Chvojka Graphical and stylistic manual of the department 8 / 11 Graphical Manual ELMAG.ORG
| ELMAG.ORG logomanual (since 05/2018): colors, logos (favicon and social networks included) I Logo dimensions and zones of protection
. 10 mm . 10
min
Petr Chvojka Graphical and stylistic manual of the department 8 / 11 Graphical Manual ELMAG.ORG
| ELMAG.ORG logomanual (since 05/2018): colors, logos (favicon and social networks included) I Forbidden applications (unless you want to create doodle)
Petr Chvojka Graphical and stylistic manual of the department 8 / 11 Graphical Manual ELMAG.ORG
| ELMAG.ORG logomanual (since 05/2018): colors, logos (favicon and social networks included), font (Fira Sans)
Fira Sans ― Regular Fira Sans ― Italic acbdefghijklmnopqrstuvwxyz acbdefghijklmnopqrstuvwxyz žščťďňřáéěíóoúůý žščťďňřáéěíóoúůý ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ŽŠČĎŤŇŘÁÉĚÍÓÚŮÝ ŽŠČĎŤŇŘÁÉĚÍÓÚŮÝ 1234567890 1234567890
Fira Sans ― Bold Fira Sans ― Light acbdefghijklmnopqrstuvwxyz acbdefghijklmnopqrstuvwxyz žščťďňřáéěíóoúůý žščťďňřáéěíóoúůý ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ŽŠČĎŤŇŘÁÉĚÍÓÚŮÝ ŽŠČĎŤŇŘÁÉĚÍÓÚŮÝ 1234567890 12 34567890
Petr Chvojka Graphical and stylistic manual of the department 9 / 11 Graphical Manual ELMAG.ORG
| ELMAG.ORG logomanual (since 05/2018): colors, logos (favicon and social networks included), font (Fira Sans) | Alfresco: ../Intern´ı/Department/Logo
Fira Sans ― Regular Fira Sans ― Italic acbdefghijklmnopqrstuvwxyz acbdefghijklmnopqrstuvwxyz žščťďňřáéěíóoúůý žščťďňřáéěíóoúůý ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ŽŠČĎŤŇŘÁÉĚÍÓÚŮÝ ŽŠČĎŤŇŘÁÉĚÍÓÚŮÝ 1234567890 1234567890
Fira Sans ― Bold Fira Sans ― Light acbdefghijklmnopqrstuvwxyz acbdefghijklmnopqrstuvwxyz žščťďňřáéěíóoúůý žščťďňřáéěíóoúůý ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ŽŠČĎŤŇŘÁÉĚÍÓÚŮÝ ŽŠČĎŤŇŘÁÉĚÍÓÚŮÝ 1234567890 12 34567890
Petr Chvojka Graphical and stylistic manual of the department 9 / 11 Graphical Manual CTU
| Several variants of the logo (horizontal/vertical, color/black and white, text logo/with graphics, . . . ) I Logos of other parts of CTU (FEE, FCE, FME, . . . )
Petr Chvojka Graphical and stylistic manual of the department 10 / 11 Graphical Manual CTU
| Several variants of the logo (horizontal/vertical, color/black and white, text logo/with graphics, . . . ) I Logos of other parts of CTU (FEE, FCE, FME, . . . ) | Font Technika (light, book, regular, bold + italic) | Structures of letters, envelopes, business cards, power point presentations, email signature
S pozdravem
Titul. Jméno Příjmení název funkce
České vysoké učení technické v Praze Fakulta elektrotechnická Technická 2, 166 27, Praha 6 www.cvut.cz
Petr Chvojka Graphical and stylistic manual of the department 10 / 11 Graphical Manual CTU
| Several variants of the logo (horizontal/vertical, color/black and white, text logo/with graphics, . . . ) I Logos of other parts of CTU (FEE, FCE, FME, . . . ) | Font Technika (light, book, regular, bold + italic) | Structures of letters, envelopes, business cards, power point presentations, email signature | Promo materials: flags, stickers on vehicles, reflective vests, protective helmets, hockey jerseys, clothing, . . .
Petr Chvojka Graphical and stylistic manual of the department 10 / 11 Graphical Manual CTU
| Several variants of the logo (horizontal/vertical, color/black and white, text logo/with graphics, . . . ) I Logos of other parts of CTU (FEE, FCE, FME, . . . ) | Font Technika (light, book, regular, bold + italic) | Structures of letters, envelopes, business cards, power point presentations, email signature | Promo materials: flags, stickers on vehicles, reflective vests, protective helmets, hockey jerseys, clothing, . . . | Can be downloaded from CTU website
Petr Chvojka Graphical and stylistic manual of the department 10 / 11 Better Tomorrows
Petr Chvojka Graphical and stylistic manual of the department 11 / 11