Difference between revisions of "Foss4g 2016 style guide"

From OSGeo
Jump to navigation Jump to search
m (→‎Logo: characteristics)
 
(11 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
A style guide contains all design elements that can be used in web, print etcetera.
 
A style guide contains all design elements that can be used in web, print etcetera.
 
It helps to create a consistent, directly recognizable style for an organization, or for an event, such as FOSS4G-2016
 
It helps to create a consistent, directly recognizable style for an organization, or for an event, such as FOSS4G-2016
 +
 +
== Store in SVN ==
 +
All logo's, banners etc are stored in SVN: https://svn.osgeo.org/osgeo/foss4g/2016/marketing/.
 +
Ask [[User:Jeff_McKenna|Jeff McKenna]] if you need write access to the SVN
  
 
== Elements ==
 
== Elements ==
* A style guide contains these elements:
+
A style guide contains these elements:
  
 
=== Logo ===
 
=== Logo ===
* In several graphical formats: PNG, PDF, SVG, EPS, AI
+
* Variations: with/whitout date, with/without outline
 +
* Sizes: wide (normal, ratio 10:3), squared/compact
 +
* Source of images: https://svn.osgeo.org/osgeo/foss4g/2016/marketing/logo/
  
 
=== Pay-off / descriptor / slogan ===
 
=== Pay-off / descriptor / slogan ===
 
* Example: "Just do it", used by Nike. And "I Amsterdam", used by the municipality of Amsterdam
 
* Example: "Just do it", used by Nike. And "I Amsterdam", used by the municipality of Amsterdam
 +
* Postcard greeting: "Welcome to Germany!" (In case anyone wonders "Where is Bonn?")
  
 
=== Color guide ===
 
=== Color guide ===
 
* A set of primary and possibly secondary colors.
 
* A set of primary and possibly secondary colors.
 
* To be described in PMS, RGB and CMYK
 
* To be described in PMS, RGB and CMYK
 +
 +
==== Logo colors in RGB ====
 +
 +
{|
 +
!Color
 +
!Code
 +
|-
 +
| black
 +
| #2c3e50
 +
|-
 +
| dark gray
 +
| #7f8c8d
 +
|-
 +
| light gray
 +
| #b0c2c2
 +
|-
 +
| green
 +
| #49a942
 +
|-
 +
| blue
 +
| #2980b9
 +
|-
 +
|}
 +
 +
==== Logo colors in CMYK ====
 +
 +
{|
 +
!Color
 +
!C
 +
!M
 +
!Y
 +
!K
 +
|-
 +
| black
 +
| 45
 +
| 23
 +
| 0
 +
| 69
 +
|-
 +
| dark gray
 +
| 10
 +
| 1
 +
| 0
 +
| 41
 +
|-
 +
| light gray
 +
| 9
 +
| 0
 +
| 0
 +
| 24
 +
|-
 +
| green
 +
| 57
 +
| 0
 +
| 61
 +
| 34
 +
|-
 +
| blue
 +
| 78
 +
| 31
 +
| 0
 +
| 27
 +
|-
 +
|}
  
 
=== Typography ===
 
=== Typography ===
* Typeface (font) to be used.
+
* Logo font: Dicot Bold ("FOSS4G"), Dicot Medium ("BONN 2016")
* Preferably easy to be used on Mac/Linux/Win/Android
+
* Postcard handwriting: Pecita Expanded ("Welcome to Germany")
 +
* Additional fonts: OpenSans (various side texts)
  
 
=== Graphic elements ===
 
=== Graphic elements ===
Line 25: Line 97:
  
 
=== Photography ===
 
=== Photography ===
* Preferably consistent in expression: e.g. always including people
+
* Photos by the city of Bonn: [https://svn.osgeo.org/osgeo/foss4g/2016/documents/photographs/]
 
 
=== Sound ===
 
* Perhaps "Tagen wie diese": [[www.youtube.com/watch?v=j09hpp3AxIE]]
 
  
 
== Applications ==
 
== Applications ==
 
* In advance (starting: now!)
 
* In advance (starting: now!)
** Website
+
** [http://foss4g2016.org/ Website]
 
** Twitter account profile page
 
** Twitter account profile page
 
** Flyers
 
** Flyers
** Postcards
+
** [https://svn.osgeo.org/osgeo/foss4g/2016/documents/postcards/ Postcards]
 +
** Viral invitations "meet me in Bonn"
 
** Ads (in magazines)
 
** Ads (in magazines)
  

Latest revision as of 15:33, 25 October 2015

Style guide

A style guide contains all design elements that can be used in web, print etcetera. It helps to create a consistent, directly recognizable style for an organization, or for an event, such as FOSS4G-2016

Store in SVN

All logo's, banners etc are stored in SVN: https://svn.osgeo.org/osgeo/foss4g/2016/marketing/. Ask Jeff McKenna if you need write access to the SVN

Elements

A style guide contains these elements:

Pay-off / descriptor / slogan

  • Example: "Just do it", used by Nike. And "I Amsterdam", used by the municipality of Amsterdam
  • Postcard greeting: "Welcome to Germany!" (In case anyone wonders "Where is Bonn?")

Color guide

  • A set of primary and possibly secondary colors.
  • To be described in PMS, RGB and CMYK

Logo colors in RGB

Color Code
black #2c3e50
dark gray #7f8c8d
light gray #b0c2c2
green #49a942
blue #2980b9

Logo colors in CMYK

Color C M Y K
black 45 23 0 69
dark gray 10 1 0 41
light gray 9 0 0 24
green 57 0 61 34
blue 78 31 0 27

Typography

  • Logo font: Dicot Bold ("FOSS4G"), Dicot Medium ("BONN 2016")
  • Postcard handwriting: Pecita Expanded ("Welcome to Germany")
  • Additional fonts: OpenSans (various side texts)

Graphic elements

  • Such as horizontal or vertical lines

Photography

  • Photos by the city of Bonn: [1]

Applications

  • In advance (starting: now!)
    • Website
    • Twitter account profile page
    • Flyers
    • Postcards
    • Viral invitations "meet me in Bonn"
    • Ads (in magazines)
  • During the event
    • Roll-up banners
    • Flags
    • Stationary
    • Congress-App
    • Small flags (to be used on tables)
    • Signage
    • Goodie-bag
    • T-shirts / neckties
    • Mugs
    • USB sticks / DVD (OSGeo-Live 2016 edition)
    • Presentation slides
    • Promotion videos
    • Fade-ins & fade-outs of presentation videos
    • Booth