Difference between revisions of "EMS Logo"

From Eugene Maker Space
Jump to navigation Jump to search
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
  ⚫
== Current Logos ==
   
  ⚫
Below are the vector graphic files for the current EMS logo: in Adobe Illustrator (.ai), Encapsulated PostScript (.eps), and Scalable Vector Graphic (.svg) formats, as well as some relatively large rasterized (pixel) images in Portable Network Graphic (.png) format.
   
−  
−  
−  
−  
⚫
== Current Logos ==
  
−  
⚫
Below are the vector graphic files created during this effort, in Adobe Illustrator (.ai), Encapsulated PostScript (.eps), and Scalable Vector Graphic (.svg) formats, as well as some relatively large rasterized (pixel) images in Portable Network Graphic (.png) format.
 
   
 
=== Gear Logomark ===
  
=== Gear Logomark ===
−  
   
 
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
  
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Logo Style'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Logo Style'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''File'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''File'''
−
| colspan="3" style="text-align:center; background-color: #ccc;" | '''Vector'''
 +
| colspan="3" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Vector'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Raster'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Raster'''
 
|-
  
|-
 
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Gear Only B&W Thumb.png]]
  
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Gear Only B&W Thumb.png]]
Line 44: Line 38:
   
 
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
  
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Logo Style'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Logo Style'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''File'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''File'''
−
| colspan="3" style="text-align:center; background-color: #ccc;" | '''Vector'''
 +
| colspan="3" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Vector'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Raster'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Raster'''
 
|-
  
|-
 
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Header B&W Thumb.png]]
  
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Header B&W Thumb.png]]
Line 73: Line 67:
   
 
=== Two Words - Split "Double" Header ===
  
=== Two Words - Split "Double" Header ===
−  
   
 
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
  
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Logo Style'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Logo Style'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''File'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''File'''
−
| colspan="3" style="text-align:center; background-color: #ccc;" | '''Vector'''
 +
| colspan="3" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Vector'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Raster'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Raster'''
 
|-
  
|-
 
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Double Header B&W Thumb.png]]
  
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Double Header B&W Thumb.png]]
 
| style="width: 47%; text-align:center;"| '''EMS Logo - Double Header - B&W - Remastered 2021'''
  
| style="width: 47%; text-align:center;"| '''EMS Logo - Double Header - B&W - Remastered 2021'''
−
| style="width: 5%; text-align:center;"| '''[https://drive.google.com/file/d/1tX9Q6Cb5AaewCD7WhqPkVHPwPmGlUryv/view?usp=sharing .AI]'''
 +
| style="width: 5%; text-align:center;"| '''[https://drive.google.com/file/d/1bTh9XqJ3mxBvzacZXj8oXk6Ej7CP0JGX/view?usp=sharing .AI]'''
−
| style="width: 5%; text-align:center;"| '''[https://drive.google.com/file/d/10KnwRMQcuxMfNlUHRXeJL6pT5jr323R6/view?usp=sharing .EPS]'''
 +
| style="width: 5%; text-align:center;"| '''[https://drive.google.com/file/d/1ehi79rq2V3T2RfnLP9SR-BvZue73FKae/view?usp=sharing .EPS]'''
−
| style="width: 5%; text-align:center;"| '''[https://drive.google.com/file/d/1JHEgfr_4g3mhOd_LZuiIOBsEbpMHm67P/view?usp=sharing .SVG]'''
 +
| style="width: 5%; text-align:center;"| '''[https://drive.google.com/file/d/1A1CathY1i1YOGMM_7ZT6kygDaJYF8KdJ/view?usp=sharing .SVG]'''
−
| style="width: 8%; text-align:center;"| '''[https://drive.google.com/file/d/1SjEczm1I3v-xvUbo-UAI5CMLoe4nbuqf/view?usp=sharing .PNG]'''
 +
| style="width: 8%; text-align:center;"| '''[https://drive.google.com/file/d/19XGJUBB0d1dGrp1yRp-wI-RQwjt6LLeG/view?usp=sharing .PNG]'''
 
|-
  
|-
 
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Double Header Color on White Thumb.png]]
  
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Double Header Color on White Thumb.png]]
Line 102: Line 95:
 
| style="width: 8%; text-align:center;"| '''[https://drive.google.com/file/d/1HO9er3pCgDH28PAuL4v9ROZLpWs9Hw8o/view?usp=sharing .PNG]'''
  
| style="width: 8%; text-align:center;"| '''[https://drive.google.com/file/d/1HO9er3pCgDH28PAuL4v9ROZLpWs9Hw8o/view?usp=sharing .PNG]'''
 
|}
  
|}
−  
   
 
=== Three Words - Portrait ===
  
=== Three Words - Portrait ===
   
 
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
  
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Logo Style'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Logo Style'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''File'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''File'''
−
| colspan="3" style="text-align:center; background-color: #ccc;" | '''Vector'''
 +
| colspan="3" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Vector'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Raster'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Raster'''
 
|-
  
|-
 
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Portrait B&W Thumb.png]]
  
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Portrait B&W Thumb.png]]
Line 138: Line 130:
   
 
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
  
{| class="wikitable" style="width: 75%; margin-left: auto; margin-right: auto;"
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Logo Style'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Logo Style'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''File'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''File'''
−
| colspan="3" style="text-align:center; background-color: #ccc;" | '''Vector'''
 +
| colspan="3" style="text-align:center; background-color: #3bb54a; color: #fff;;" | '''Vector'''
−
| colspan="1" style="text-align:center; background-color: #ccc;" | '''Raster'''
 +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff;" | '''Raster'''
 
|-
  
|-
 
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Landscape B&W Thumb.png]]
  
| style="width: 30%; text-align:center; background-color: #ddd; padding: 8px;"| [[File:EMS Logo Landscape B&W Thumb.png]]
Line 164: Line 156:
 
| style="width: 8%; text-align:center;"| '''[https://drive.google.com/file/d/1BPQb4HcljifFWc0Z1pAHwyvy3NdcPOs4/view?usp=sharing .PNG]'''
  
| style="width: 8%; text-align:center;"| '''[https://drive.google.com/file/d/1BPQb4HcljifFWc0Z1pAHwyvy3NdcPOs4/view?usp=sharing .PNG]'''
 
|}
  
|}
  +
  +
  +
= Technical Information =
  +
  +
The following information is provided in the event that the logo must be remastered again in the future, or that a new logo is desired to be made, still utilizing familial elements from this logo. The following is my best recollection of the information I used when remastering.
  +
  +
== Colors ==
  +
  +
Color rendering is an imperfect art, and while every effort has been made to establish visual consistence, various issues with file format conversions, color profiles of applications, monitors, and the limitations of file compression algorithms can play havoc with that particular shade of green. Computer generated color has a LOT of green. Generally speaking, any color reasonably close to these greens will be acceptable. '''I consider #3bb54a to be ''the'' green.''' - that said #33bb33 or #3b3 is very easy to remember when doing web design.
  +
  +
{| class="wikitable" style="margin-left: auto; margin-right: auto;"
  +
| colspan="1" style="text-align:center; padding: 10px; background-color: #fff; color: #000; width: 80px;" | '''#ffffff'''
  +
| colspan="1" style="text-align:center; padding: 10px; background-color: #33bb33; color: #fff; width: 80px;" | '''#33bb33'''
  +
| colspan="1" style="text-align:center; padding: 10px; background-color: #3bb54a; color: #fff; width: 90px;" | '''#3bb54a''' ⭐
  +
| colspan="1" style="text-align:center; padding: 10px; background-color: #3ab54a; color: #fff; width: 80px;" | '''#3ab54a'''
  +
| colspan="1" style="text-align:center; padding: 10px; background-color: #000; color: #fff; width: 80px;" | '''#000000'''
  +
|-
  +
|}
  +
  +
== Typeface ==
  +
  +
[[File:Gota Regular - edge offset diagram.png|thumb|I warned you it was technical]] The typeface is a modified version of '''Gota Regular''', created by [https://www.fontfabric.com/fonts/gota/ Svetoslav Simov of Fontfabric]. The precise nature of the modification is a minor 'inset' of all edges, such that the outer edges of the letter shapes recede, creating more space in the nearly closed gullies of letters like '''K''', '''G''' and the lower part of '''R''', whilst also increasing the apparent size of the eyes and counters of letters like '''e''', '''a''', '''p''', and '''o'''.
  +
  +
The exact amount of inset is hard to quantify, especially if working in a vector program. I believe for the overall insets, I approximately matched the inset thickness to roughly the thickness of the default eye of the '''e''' in Gota Regular, effectively doubling or tripling it's height after the operation. It's not a lot.
  +
  +
Height and Width ratio are standard, with no stretching or squashing, and "Optical" character spacing was used, with a slightly increased kerning setting. When displaying the font in Photoshop, at 78pt, with text not stretched in any way, the inside stroke offset was 13px, and the overall character tracking was set to +25.
  +
  +
== Capitalization ==
  +
  +
The Logotype is styled, for this typeface's purposes, as '''eUGENE MaKeRSPACE'''
  +
   
 
= Design History =
  
= Design History =
   
  +
== 2012-2013 Early Ideas, and the appearance of "The Gear" ==
−
January 27, 2013 earliest file on the website, uploaded by Cord.
  
   
  +
Not much is known of the early history of EMS's logos. Lots of ideas were tossed back and forth in the early days. From an arrangement of 'maker' themed elements forming the words "Eugene Maker Space", to more abstract designs. Which came when is hard to say, and there may have been other ideas bandied about. We know that the "circuit boards" logo was in use in early 2012, as it appeared on the Grand Opening flyer. The early sketch of an "e" gear shape was not put into use, but there seemed to be several members thinking along similar lines.
⚫
== Wade-Larsen Logos ==
  
  +
  +
By January 27, 2013 the now familiar "Gear" logo was uploaded to the website.
  +
  +
{| class="wikitable" style="margin-left: auto; margin-right: auto;"
  +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff; width: 432px;" | '''Early Logo Ideas'''
  +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff; width: 432px;" | '''The Gear Logo'''
  +
|-
  +
| colspan="1" style="text-align:center; padding: 16px;" | [[File:Early EMS Logos.png|400px]]
  +
| colspan="1" style="text-align:center; padding: 16px;" | [[File:Early gear logos.png|400px]]
  +
|-
  +
| colspan="1" style="text-align:center; padding: 16px;" | Early ideas showing signs of things to come
  +
| colspan="1" style="text-align:center; padding: 16px;" | I imagine there were many heated debates over whether the circle should be green or white
  +
|}
  +
  +
  ⚫
== 2014 Larsen-Swartz Logos ==
   
 
In early 2014, an effort was made to create a new logo in a collaboration between Wade Larsen and Jeremy "Jher" Swartz. A number of logo designs were proposed, and eventually the decision was narrowed to three main logo images. Each of the logos made use of illustrative elements to depict the words The logos depicted a tree, representing Eugene, a gear representing Maker, and a cube representing Space. Several other logo candidates had used similar illustrative devices to achieve similar goals, with one using a squirrel to represent Eugene. A new typeface was used as well, now rendering all parts of the name in a single typeface which featured a more friendly feel, with a cleaner, more modern vibe.
  
In early 2014, an effort was made to create a new logo in a collaboration between Wade Larsen and Jeremy "Jher" Swartz. A number of logo designs were proposed, and eventually the decision was narrowed to three main logo images. Each of the logos made use of illustrative elements to depict the words The logos depicted a tree, representing Eugene, a gear representing Maker, and a cube representing Space. Several other logo candidates had used similar illustrative devices to achieve similar goals, with one using a squirrel to represent Eugene. A new typeface was used as well, now rendering all parts of the name in a single typeface which featured a more friendly feel, with a cleaner, more modern vibe.
   
  +
{| class="wikitable" style="margin-left: auto; margin-right: auto;"
⚫
Mixed adoption and practical concerns
  
  +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff; width: 432px;" | '''Proposed Alternatives'''
  +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff; width: 432px;" | '''Unified Cube Logo'''
  +
|-
  +
| colspan="1" style="text-align:center; padding: 16px;" | [[File:EMS Larsen Swartz Logos - Alternate Designs.png|400px]]
  +
| colspan="1" style="text-align:center; padding: 16px;" | [[File:EMS Larsen Swartz Logos - Unified Cube.png|400px]]
  +
|-
  +
| colspan="1" style="text-align:center; padding: 16px;" | Tree = Eugene, Gear = Maker, Cube = Space. That squirrel was so cute tho!
  +
| colspan="1" style="text-align:center; padding: 16px;" | Cube, Gear, and Tree all stacked together.
  +
|}
   
  +
⚫
Over the next few years, adoption of the Larsen-Swartz designs was uneven across the organization. Banners and signage in the shop showed one logo, business cards and webpages showed another. Some places used both. Online usage had begun to settle into using the 'unified cube' logo, but When many social media sites (such as Facebook, Google, Twitter, and Meetup.com) began enclosing userpics in circles as a matter of course, the elongated hexagonal shape of the unified cube logo meant that most sites would cut off the logo.
  
  ⚫
== Mixed adoption and practical concerns ==
  +
  ⚫
Over the next few years, adoption of the Larsen-Swartz designs was uneven across the organization. Banners and signage in the shop showed one logo, business cards and webpages showed another. Some places used both. Online usage had begun to settle into using the 'Unified Cube' logo, but when many social media sites (such as Facebook, Google, Twitter, and Meetup.com) began enclosing userpics in circles as a matter of course, the elongated hexagonal shape of the unified cube logo meant that most sites would cut off the logo.
   
 
In Spring 2018, efforts began to try once more to wrangle the shop's growing 'who does this belong to?' problem. A number of tools and pieces of equipment were identified that had either been donated or abandoned, and those that were desired to be kept as shop property we wanted to mark as such. At some point in the past, someone had stuck a "Gear" logo sticker on the shop's beloved Vacuum Former, and the idea of doing something similar utilizing the vinyl cutter, caught on.
  
In Spring 2018, efforts began to try once more to wrangle the shop's growing 'who does this belong to?' problem. A number of tools and pieces of equipment were identified that had either been donated or abandoned, and those that were desired to be kept as shop property we wanted to mark as such. At some point in the past, someone had stuck a "Gear" logo sticker on the shop's beloved Vacuum Former, and the idea of doing something similar utilizing the vinyl cutter, caught on.
Line 181: Line 232:
 
Unfortunately, the 'Unified Cube" logomark utilized 5 colors, with no way to easily render the logo in a simple 'black ink on white paper' application. As such, the logo could not easily be made into a stencil, or a single-layer vinyl sticker. By contrast, the original "Gear" logo could manage this effortlessly.
  
Unfortunately, the 'Unified Cube" logomark utilized 5 colors, with no way to easily render the logo in a simple 'black ink on white paper' application. As such, the logo could not easily be made into a stencil, or a single-layer vinyl sticker. By contrast, the original "Gear" logo could manage this effortlessly.
   
−
== "Fusion" Redesign ==
 +
== 2018 "Fusion" Redesign ==
   
−
The front window of the shop had, at some point, received a large vinyl application of the text "Eugene Makerspace" as rendered in the Larsen-Swartz logos. Keeping that font, while utilizing the more print/circle friendly "Gear" logo was a solid plan. With the mixed use of both logos in the shop and online, attempting to bridge the gap between the designs seemed like a perfect solution. Leaning on the bolder 'green/black/white' notes from the Larsen-Swartz logos, the final design effectively assembled itself.
 +
The front window of the shop had, at some point, received a large vinyl application of the text "Eugene Makerspace" as rendered in the Larsen-Swartz logos. Keeping that font, while utilizing the more print/circle friendly "Gear" logo was a solid plan. With the mixed use of both logos in the shop and online, attempting to bridge the gap between the designs seemed like a perfect solution. Refreshing the original "Gear" logo, while Leaning on the bolder 'green/black/white' notes from the Larsen-Swartz logos, and the overall framing and proportions of the "Unified Cube's" presentation, the final design effectively assembled itself.
   
  +
−
After several years of making do with resizing and retracing raster graphics on an 'as needed' basis, the need was finally acknowledged for a 'standard' set of vector-graphic source files, so that logos could be rendered not only at any size that might be called for, but with a more consistent approach to colors, spacing, and layout. An additional set of "Color on Black" logos were created when the 2022 website redesign called for logos to appear on a black background for mobile users.
  
  +
{| class="wikitable" style="margin-left: auto; margin-right: auto;"
  +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff; width: 432px;" | '''Coming together'''
  +
| colspan="1" style="text-align:center; background-color: #3bb54a; color: #fff; width: 432px;" | '''The Fusion Logo'''
  +
|-
  +
| colspan="1" style="text-align:center; padding: 16px;" | [[File:EMS Fusion Logo - it's that simple.png|400px]]
  +
| colspan="1" style="text-align:center; padding: 16px;" | [[File:EMS Fusion Logo.png|400px]]
  +
|-
  +
| colspan="1" style="text-align:center; padding: 16px;" | A little of this, a little of that, stir
  +
| colspan="1" style="text-align:center; padding: 16px;" | ... and Voila!
  +
|}

Latest revision as of 13:04, 11 April 2022

Current Logos

Below are the vector graphic files for the current EMS logo: in Adobe Illustrator (.ai), Encapsulated PostScript (.eps), and Scalable Vector Graphic (.svg) formats, as well as some relatively large rasterized (pixel) images in Portable Network Graphic (.png) format.


Gear Logomark

Logo Style File Vector Raster
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Gear Only - B&W - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Gear Only - Color on White - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Gear Only - Color on Black - Remastered 2021 .AI .EPS .SVG .PNG


Two Words - Long Header

Logo Style File Vector Raster
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Header - B&W - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Header - Color on White - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Header - Color on Black - Remastered 2021 .AI .EPS .SVG .PNG


Two Words - Split "Double" Header

Logo Style File Vector Raster
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Double Header - B&W - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Double Header - Color on White - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Double Header - Color on Black - Remastered 2021 .AI .EPS .SVG .PNG

Three Words - Portrait

Logo Style File Vector Raster
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Portrait - B&W - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Portrait - Color on White - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Portrait - Color on Black - Remastered 2021 .AI .EPS .SVG .PNG


Three Words - Landscape

Logo Style File Vector Raster
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Landscape - B&W - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Landscape - Color on White - Remastered 2021 .AI .EPS .SVG .PNG
Error creating thumbnail: Unable to save thumbnail to destination
 EMS Logo - Landscape - Color on Black - Remastered 2021 .AI .EPS .SVG .PNG


Technical Information

The following information is provided in the event that the logo must be remastered again in the future, or that a new logo is desired to be made, still utilizing familial elements from this logo. The following is my best recollection of the information I used when remastering.

Colors

Color rendering is an imperfect art, and while every effort has been made to establish visual consistence, various issues with file format conversions, color profiles of applications, monitors, and the limitations of file compression algorithms can play havoc with that particular shade of green. Computer generated color has a LOT of green. Generally speaking, any color reasonably close to these greens will be acceptable. I consider #3bb54a to be the green. - that said #33bb33 or #3b3 is very easy to remember when doing web design.

#ffffff #33bb33 #3bb54a ⭐ #3ab54a #000000

Typeface

I warned you it was technical

The typeface is a modified version of Gota Regular, created by Svetoslav Simov of Fontfabric. The precise nature of the modification is a minor 'inset' of all edges, such that the outer edges of the letter shapes recede, creating more space in the nearly closed gullies of letters like K, G and the lower part of R, whilst also increasing the apparent size of the eyes and counters of letters like e, a, p, and o.

The exact amount of inset is hard to quantify, especially if working in a vector program. I believe for the overall insets, I approximately matched the inset thickness to roughly the thickness of the default eye of the e in Gota Regular, effectively doubling or tripling it's height after the operation. It's not a lot.

Height and Width ratio are standard, with no stretching or squashing, and "Optical" character spacing was used, with a slightly increased kerning setting. When displaying the font in Photoshop, at 78pt, with text not stretched in any way, the inside stroke offset was 13px, and the overall character tracking was set to +25.

Capitalization

The Logotype is styled, for this typeface's purposes, as eUGENE MaKeRSPACE


Design History

2012-2013 Early Ideas, and the appearance of "The Gear"

Not much is known of the early history of EMS's logos. Lots of ideas were tossed back and forth in the early days. From an arrangement of 'maker' themed elements forming the words "Eugene Maker Space", to more abstract designs. Which came when is hard to say, and there may have been other ideas bandied about. We know that the "circuit boards" logo was in use in early 2012, as it appeared on the Grand Opening flyer. The early sketch of an "e" gear shape was not put into use, but there seemed to be several members thinking along similar lines.

By January 27, 2013 the now familiar "Gear" logo was uploaded to the website.

Early Logo Ideas The Gear Logo
Early EMS Logos.png Early gear logos.png
Early ideas showing signs of things to come I imagine there were many heated debates over whether the circle should be green or white


2014 Larsen-Swartz Logos

In early 2014, an effort was made to create a new logo in a collaboration between Wade Larsen and Jeremy "Jher" Swartz. A number of logo designs were proposed, and eventually the decision was narrowed to three main logo images. Each of the logos made use of illustrative elements to depict the words The logos depicted a tree, representing Eugene, a gear representing Maker, and a cube representing Space. Several other logo candidates had used similar illustrative devices to achieve similar goals, with one using a squirrel to represent Eugene. A new typeface was used as well, now rendering all parts of the name in a single typeface which featured a more friendly feel, with a cleaner, more modern vibe.

Proposed Alternatives Unified Cube Logo
EMS Larsen Swartz Logos - Alternate Designs.png EMS Larsen Swartz Logos - Unified Cube.png
Tree = Eugene, Gear = Maker, Cube = Space. That squirrel was so cute tho! Cube, Gear, and Tree all stacked together.


Mixed adoption and practical concerns

Over the next few years, adoption of the Larsen-Swartz designs was uneven across the organization. Banners and signage in the shop showed one logo, business cards and webpages showed another. Some places used both. Online usage had begun to settle into using the 'Unified Cube' logo, but when many social media sites (such as Facebook, Google, Twitter, and Meetup.com) began enclosing userpics in circles as a matter of course, the elongated hexagonal shape of the unified cube logo meant that most sites would cut off the logo.

In Spring 2018, efforts began to try once more to wrangle the shop's growing 'who does this belong to?' problem. A number of tools and pieces of equipment were identified that had either been donated or abandoned, and those that were desired to be kept as shop property we wanted to mark as such. At some point in the past, someone had stuck a "Gear" logo sticker on the shop's beloved Vacuum Former, and the idea of doing something similar utilizing the vinyl cutter, caught on.

Unfortunately, the 'Unified Cube" logomark utilized 5 colors, with no way to easily render the logo in a simple 'black ink on white paper' application. As such, the logo could not easily be made into a stencil, or a single-layer vinyl sticker. By contrast, the original "Gear" logo could manage this effortlessly.

2018 "Fusion" Redesign

The front window of the shop had, at some point, received a large vinyl application of the text "Eugene Makerspace" as rendered in the Larsen-Swartz logos. Keeping that font, while utilizing the more print/circle friendly "Gear" logo was a solid plan. With the mixed use of both logos in the shop and online, attempting to bridge the gap between the designs seemed like a perfect solution. Refreshing the original "Gear" logo, while Leaning on the bolder 'green/black/white' notes from the Larsen-Swartz logos, and the overall framing and proportions of the "Unified Cube's" presentation, the final design effectively assembled itself.


Coming together The Fusion Logo
EMS Fusion Logo - it's that simple.png EMS Fusion Logo.png
A little of this, a little of that, stir ... and Voila!
Retrieved from "https://wiki.eugenemakerspace.com/index.php?title=EMS_Logo&oldid=24942"