Difference between revisions of "Branding"

From Nottinghack Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
{{About}}
 
{{About}}
−
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.
+
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 ==
+
<gallery heights=250 mode=packed-hover>
 +
File:LogoOrig.svg|Official Nottinghack Logo
 +
</gallery>
  
−
Officially our logo is just the standard H in a green circle that you see used on everything from Leaflets, Walls and T-shirts.
+
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.}}
  
−
[[File:LogoOrig.svg]]
+
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].
  
−
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.
+
=== 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.
  
−
The logo must always be represented in Green, with the exception of items printed as Black and White.
+
There are plenty of variations of the Hackspace Logo in use. Below are some 'Hacked Logos' that you can use as a reference.
−
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]
+
<gallery heights=200 mode=packed-hover>
−
 
+
File:LogoVar1.svg|The slanted title logo
−
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].
+
File:WebsiteHeader.png|Website Header with alternate colour scheme
−
 
+
File:WarningSign.svg|Warning! Hacking in progress!
−
If you need the Logo saving as another file type then just ask [[user:Gmjhowe|Jake Howe]].
+
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
 +
</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)
 
−
R-25 G-89 B-5
 
−
RGB Hex - #195905
 
−
 
−
RAL (for paint)
 
−
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]]

Revision as of 23:00, 29 April 2019

About
The Space • Location • New Members • Tools • Events • Teams • Projects
Volunteering • ToDo • Infrastructure • Members • Action List • Donations • Branding • History
Floorplan - Hackspace2.0 Upstairs Blank.PNG    Floorplan - Hackspace2.5 Downstairs Blank.PNG
Guide.png  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.

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.

  • 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

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
Retrieved from "https://wiki.nottinghack.org.uk/index.php?title=Branding&oldid=21320"