Branding: Difference between revisions

From Nottinghack Wiki
Jump to navigation Jump to search
← Older edit
m →‎Hacked Logos: remove blank variant + gallery
Layjet (talk | contribs)
145 edits
mNo edit summary
 
(19 intermediate revisions by 4 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.
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.
{{note|Wherever possible, please use this file.}}


The logo must always be represented in Green, with the exception of items printed as Black and White.
==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]
{{main|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 [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 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].


If you need the Logo saving as another file type then just ask Jake Howe.
== 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.
<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
File:Wide nottinghack background.jpg|Desktop wallpaper
File:Pride Logo.jpg|Nottinghack pride logo
</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
 
|-
RGB (for screen)
| rowspan="2" width=40% style="text-align: center; font-family:Tahoma, Geneva, sans-serif !important;;" | CMYK
R-25 G-89 B-5
(For Print)
RGB Hex - #195905
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | C
 
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | M
RAL (for paint)
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | Y
6002
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | K
 
|-
There will always be a variation between printers and screens/device, so do not worry about it too much.
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 72
 
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 0
== Hacked Logos ==
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 94
As we are a hackspace we encourage people to have a go at things themselves. Our logo is no exception.
| style="font-family:Tahoma, Geneva, sans-serif !important;;" | 65
There are plenty of variations of the Hackspace Logo in use.
|-
| 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
|}


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.
==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.


Below are the current 'Hacked Logos' that you can just grab and use.
* [[Team:Communications]]


<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]]

Latest revision as of 14:34, 2 June 2021

See also: Promotional materials
Overview
Nottinghack
The Space • Location • New Members
• Tools • Events • Teams • Projects
Volunteering • Infrastructure • Network
• Members • Action List • Donations
Pledge Drives • Meeting • Financials
Branding • Suppliers • History
    
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
    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
    Facebook banner in the 2018/2019 styling
  • The slanted title logo
    The slanted title logo
  • Website Header with alternate colour scheme
    Website Header with alternate colour scheme
  • Warning! Hacking in progress!
    Warning! Hacking in progress!
  • Hack Arrows - Used around the building to direct people to the hackspace
    Hack Arrows - Used around the building to direct people to the hackspace
  • QR Code that links to our website
    QR Code that links to our website
  • Waymarker used on maps
    Waymarker used on maps
  • Transparent Background Video Logo, Has white text to the right that reads "Nottingham Hackspace"
    Transparent Background Video Logo, Has white text to the right that reads "Nottingham Hackspace"
  • Old Logo from when were located at the Art Org
    Old Logo from when were located at the Art Org
  • Desktop wallpaper
    Desktop wallpaper
  • Nottinghack pride logo
    Nottinghack pride logo

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=25230"