Difference between revisions of "Branding"

From Nottinghack Wiki
Jump to navigation Jump to search
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{About}}
+
{{also|Promotional materials}}
−
Although we use the word 'Branding' here, the way we represent the Hackspace in [[Promotional_materials]] and online is very relaxed. We encourage everyone to modify the Hackspace Logo to fit their needs.
+
{{Overview}}
 +
Our logo is a white, angled, H in a green circle. It is ubiquitous in the space and can be seen on everything from Leaflets, Walls and T-shirts.
 +
The logo must always be represented in Green, with the exception of items printed as Black and White. It is also acceptable to use the logo as an inversion, whereby the H itself and the background is green, as per the [http://nottinghack.org.uk/ Nottinghack Website]
  
−
== Nottingham Hackspace Logo ==
+
{{TOC right}}
  
−
Officially our logo is just the standard H in a green circle that you see used on everything from Leaflets, Walls and T-shirts.
+
<gallery heights=250 mode=packed-hover>
 +
File:LogoOrig.svg|Official Nottinghack Logo
 +
</gallery>
  
−
[[File:LogoOrig.svg]]
+
The file linked to above is an SVG, which is vectored and will scale to any size you need. Nearly all imaging programs will accept it.
 +
{{note|Wherever possible, please use this file.}}
  
−
This logo above is an SVG, which is vectored and will scale to any size you need. Nearly all imaging programs will accept it, wherever possible please use this file.
+
==Fonts==
 +
{{main|Branding/Suggested fonts}}
  
−
The logo must always be represented in Green, with the exception of items printed as Black and White.
+
The font used for the H in the roundel is Bladi One Slab 4F Heavy. This is a commercial font available from [https://www.myfonts.com/fonts/4thfebruary/bladi-one-slab-4f/ myfonts] for £25. The font used for the Nottingham Hackspace text next to the roundel is Oxygen, a free font available from [https://fonts.google.com/specimen/Oxygen Google Fonts].
−
The logo can also be used as an inverted version, where by the H itself and the outside is green, as per the [http://nottinghack.org.uk/ Nottinghack Website]
 
  
−
The font used for the H in the roundel is Bladi One Slab 4F Heavy. This is a commercial font available from [https://www.myfonts.com/fonts/4thfebruary/bladi-one-slab-4f/ myfonts] for £25. The font used for the Nottingham Hackspace text next to the roundel is Oxygen, a free font available from [https://fonts.google.com/specimen/Oxygen Google Fonts].
+
== Hacked Logos ==
 +
Although we have brand guidelines, the way we represent the Hackspace in [[Promotional materials]] and online is very relaxed. Modifying the Hackspace Logo to fit your needs is OK. As we are a hackspace, we encourage people to have a go at things themselves. Our logo is no exception. All we ask is that you try and keep the H and circle the same, and keep it the same green. Beyond that, it is up to you to make it your own.
  
−
If you need the Logo saving as another file type then just ask [[user:Gmjhowe|Jake Howe]].
+
There are plenty of variations of the Hackspace Logo in use. Below are some 'Hacked Logos' that you can use as a reference.
 +
<gallery heights=200 mode=packed-hover>
 +
File:Facebook Banner.png|Facebook banner in the 2018/2019 styling
 +
File:LogoVar1.svg|The slanted title logo
 +
File:WebsiteHeader.png|Website Header with alternate colour scheme
 +
File:WarningSign.svg|Warning! Hacking in progress!
 +
File:HackArrow.svg|Hack Arrows - Used around the building to direct people to the hackspace
 +
File:Branding QRCode.JPG|link=Media:Qrcode.pdf|QR Code that links to our website
 +
File:HereLogo.svg|Waymarker used on maps
 +
File:Video Logo Transparent.png|Transparent Background Video Logo, Has white text to the right that reads "Nottingham Hackspace"
 +
File:Banner.jpg|Old Logo from when were located at the Art Org
 +
</gallery>
  
 
== Hackspace Green ==
 
== Hackspace Green ==
 
The official green colour is Lincoln Green which is measured as the following -
 
The official green colour is Lincoln Green which is measured as the following -
  
−
CMYK (for print)
+
{| class="wikitable" width=400px
−
C-72 M-0 Y-94 K-65
+
! colspan="5" style="text-align: center; font-weight:bold; font-size:large; font-family:'Trebuchet MS', Helvetica, sans-serif !important;; background-color:#195905; color:#ffffff;" | Lincoln Green
 +
|-
 +
| rowspan="2" width=40% style="text-align: center; font-family:Tahoma, Geneva, sans-serif !important;;" | CMYK
 +
(For Print)
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | C
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | M
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | Y
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | K
 +
|-
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 72
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 0
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 94
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 65
 +
|-
 +
| rowspan="2" style="text-align: center; font-family:Tahoma, Geneva, sans-serif !important;;" | RGB
 +
(For Screen)
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | R
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | G
 +
| colspan="2" style="font-family:Tahoma, Geneva, sans-serif !important;;" | B
 +
|-
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 25
 +
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 89
 +
| colspan="2" style="font-family:Tahoma, Geneva, sans-serif !important;;" | 5
 +
|-
 +
| style="text-align: center; font-family:Tahoma, Geneva, sans-serif !important;;" | RGB Hex
 +
| colspan="4" style="font-family:Tahoma, Geneva, sans-serif !important;;" | #195905
 +
|-
 +
| style="text-align: center; font-family:Tahoma, Geneva, sans-serif !important;;" | RAL
 +
(For Paint)
 +
| colspan="4" style="font-family:Tahoma, Geneva, sans-serif !important;;" | 6002
 +
|}
  
−
RGB (for screen)
+
==See Also==
−
R-25 G-89 B-5
+
Related to Branding is the [[Promotional materials]], it includes files for some of the different posters and announcements we've used in the past.
−
RGB Hex - #195905
 
  
−
RAL (for paint)
+
* [[Team:Communications]]
−
6002
 
  
−
There will always be a variation between printers and screens/device, so do not worry about it too much.
 
−
 
−
== Hacked Logos ==
 
−
As we are a hackspace we encourage people to have a go at things themselves. Our logo is no exception.
 
−
There are plenty of variations of the Hackspace Logo in use.
 
−
 
−
All we ask is that you try and keep the H and circle the same, and keep it the same green. Beyond that it is up to you to make it your own.
 
−
 
−
Below are the current 'Hacked Logos' that you can just grab and use.
 
−
 
−
<gallery heights=250 mode=packed-hover>
 
−
File:LogoVar1.svg|The slanted title logo
 
−
</gallery>
 
 
[[Category:Marketing]]
 
[[Category:Marketing]]
 
[[Category:Design and graphics]]
 
[[Category:Design and graphics]]
 
[[Category:About]]
 
[[Category:About]]
 +
[[Category:Communications]]

Revision as of 00:40, 29 June 2019

See also: Promotional materials
Overview
Nottinghack
Roden House - Feb 2019.jpg
The Space • Location • New Members
• Tools • Events • Teams • Projects
Volunteering • Infrastructure • Network
• Members • Action List • Donations
Pledge Drives • Meeting • Financials
Branding • Suppliers • History
20icon.png    25icon.png
Homepage    Rules    Members' Guide

Our logo is a white, angled, H in a green circle. It is ubiquitous in the space and can be seen on everything from Leaflets, Walls and T-shirts. The logo must always be represented in Green, with the exception of items printed as Black and White. It is also acceptable to use the logo as an inversion, whereby the H itself and the background is green, as per the Nottinghack Website

  • Official Nottinghack Logo

The file linked to above is an SVG, which is vectored and will scale to any size you need. Nearly all imaging programs will accept it.

Note Note: Wherever possible, please use this file.

Fonts

Main article: Branding/Suggested fonts

The font used for the H in the roundel is Bladi One Slab 4F Heavy. This is a commercial font available from myfonts for £25. The font used for the Nottingham Hackspace text next to the roundel is Oxygen, a free font available from Google Fonts.

Hacked Logos

Although we have brand guidelines, the way we represent the Hackspace in Promotional materials and online is very relaxed. Modifying the Hackspace Logo to fit your needs is OK. As we are a hackspace, we encourage people to have a go at things themselves. Our logo is no exception. All we ask is that you try and keep the H and circle the same, and keep it the same green. Beyond that, it is up to you to make it your own.

There are plenty of variations of the Hackspace Logo in use. Below are some 'Hacked Logos' that you can use as a reference.

  • Facebook banner in the 2018/2019 styling

  • The slanted title logo

  • Website Header with alternate colour scheme

  • Warning! Hacking in progress!

  • Hack Arrows - Used around the building to direct people to the hackspace

  • QR Code that links to our website

  • Waymarker used on maps

  • Transparent Background Video Logo, Has white text to the right that reads "Nottingham Hackspace"

  • Old Logo from when were located at the Art Org

Hackspace Green

The official green colour is Lincoln Green which is measured as the following -

Lincoln Green
CMYK

(For Print)

C M Y K
72 0 94 65
RGB

(For Screen)

R G B
25 89 5
RGB Hex #195905
RAL

(For Paint)

6002

See Also

Related to Branding is the Promotional materials, it includes files for some of the different posters and announcements we've used in the past.

Retrieved from "https://wiki.nottinghack.org.uk/index.php?title=Branding&oldid=22328"