Tmpe: New Logo

Created on 13 Feb 2019  路  20Comments  路  Source: CitiesSkylinesMods/TMPE

EDIT: Replaced images with links to avoid older versions mistakenly getting used for workshop pages
-- aubergine10


As suggested by #51, we need a new logo. So, since I owned Photoshop and I was bored, I thought, "Hey, why don't I take a shot at this?" So I did! Here's some prototype logos. Please give me all your opinions, I'm ready to tweak this down to the last pixel!

Icon
iconfinder_43_277444

Text Logo
logo

Workshop Thumbnail
thumbnail

Workshop Preview
preview

Workshop Thumbnail Example
image

Workshop Preview Example
image

discussion docs meta

Most helpful comment

Reopening until workshop pages are updated

All 20 comments

Love it. The icon works exactly as I'd hope, it really does stand out.

But ditch the underlines and hue changes on capital letters... users instinctively abbreviate, as they have done with existing logos.

There might be alternate fonts to try. Can you attach a zip of the traffic lights transparent png(s) to this issue?

For future reference, here is site of the artist who made the traffic light icon:

EDIT: Replaced images with links to avoid older versions mistakenly getting used for workshop pages
-- aubergine10


I made the color changes and the underlines to make the text stand out and give it kind of a unique look to it. However, as requested, here's the versions without the hue and underline, which don't look half bad. As for the font, I went with Roadgeek 2005 Transport Heavy this time, to fit with the theme of roads. Let me know your opinion on it, and if it should be changed again. (If it should, try describing what you're envisioning, like if it should be a bolder or thinner font, letters closer together or further apart)

Text Logo
logo2

Workshop Thumbnail
thumbnail2

Workshop Preview
preview2

Workshop Thumbnail Example
image

Workshop Preview Example
image

Was going to suggest doing the logo for 1.10.16 milestone, but probably better to wait until we've got those pathfinder bugs fixed.

Haha, I'm still searching for those bugs... 馃槃

Alright. Let me know if you guys feel there should be any other changes. I recently got a student discount so I have Adobe Illustrator now too lol

Hej @FireController1847,
great work, love the new logo and effort! I had a look at the terrible kerning (font/Roadgeek's fault) and did some test with changing the kerning to optical (in Illustrator) and looked for an alternative. Maybe we should take http://overpassfont.org/ in cosideration? It is a much more professional font and IMHO more true to the original Highway Gothic font.
While at it, I also tried different colors, arrows and compositions 馃帹 I think colorwise there could me more emphasis on TM than on PE.
EDIT: added up-arrow variations, don't know why I got stuck with all the arrows pointing down
logo_test_tomber_v2

...and here the Illustrator file:
logo_test_tomber_v2.zip

@1Tomber I do like the look of the smaller "President Edition" text, it's a very good modification. When it comes to the icon, I experimented a ton with many different types of arrows and, like you can probably tell, they all look kind of out of place. The only one that somewhat fit was the original one (which, imo, looks the best). For the font, I was completely unaware the U.S. had an official one. Although, I'm not sure why they charge over 2,000$ for it, that doesn't make sense to me. Overpass looks like a great change! Finally, for the color combinations, I'm particularly fond of the blue on blue (dark blue below the lighter blue). I'll try and make a few modifications to some of these to see if I can make it look a little better.

EDIT: Replaced images with links to avoid older versions mistakenly getting used for workshop pages
-- aubergine10


Okay, so I tried out your color combination and it looks great. The font also looks amazing. I upsized the top text and made the bottom text a little smaller, and I think it looks good centered. What do you think?
logo3
thumbnail3
preview3
image
image

Here's the photoshop files (still using Photoshop because it's far superior for text-based images)
Logo.zip

Great work @1Tomber and @FireController1847 !
@1Tomber I do like that transition between letter and icon.
@FireController1847 Yup, now that font color looks great.

I'm still not keen on that arrow thing (I don't even know what it means, something from USA I guess?) - maybe just remove the arrow thing? We have an international audience remember :)

For the thumbnail (shown in workshop summary pages) I'd suggest just the traffic light top-center with TM:PE underneath. Keep it super-simple.

On the mod detail page, the main panel will likely be populated with images depicting features (once we start reworking the UI etc) but yes would be nice to have a logo image in the short term.

For font, what about one of the RoadGeek typefaces - maybe Roadgeek 2005 Series B (Version 1.000 2) ?

@aubergine10 Basically the arrow is a sign found in the U.S., and it's more of a warning sign that there is a median coming up and you should be to the right of it. (See http://trafficsigns.ntsigns.com/viewitems/traffic-signs-usdot-regulatory-signs/keep-right-of-median-signs-r4-7 ). For the thumbnail, isn't that what it currently is? The traffic light is in the top-center with TM:PE underneath. Also, we've been using the Roadgeek fonts in the original imagery, hence the notice of a change to the Overpass font which looks better imo

For thumbnail, I meant "TM:PE" rather than the somewhat-wordy "Traffic Manager President Edition"

EDIT: Replaced images with links to avoid older versions mistakenly getting used for workshop pages
-- aubergine10


With the resurrection of the STABLE TM:PE and the rebranding of LABS TM:PE, I've come up with a new idea for the logos. I also removed the disliked road icon, and shortened the thumbnail down to "TMPE". It may look weird at first with the color difference, but the more I looked at it the more I thought it looked good. I also created a new color for "LABS". What do you guys think?

Thumbnails

Thumbnail4
Thumbnail4 LABS

Logos

Preview4
Preview4 LABS

Preview Thumbnails

2019-05-19_15-25-20

Preview Logos

chrome_2019-05-19_15-24-56
chrome_2019-05-19_15-25-14

I FREAKING LOVE THAT!!!!!!!

Dude, that's some god-tier gestalt right there! <3 <3 <3

LOVE IT!!!!!!!!!

Maybe a couple of very minor tweaks though:

  1. On the square "TMPE LABS" thumbnail image, maybe reduce the font size a little? Ideally the traffic light should be in same position on both thumbnails, and for that to happen the TMPE LABS text would need to be a little smaller. EDIT: Maybe the "TMPE" text could be shrunk until it's same width as the "LABS" text?
  2. On the larger rectangular images, left-align the "President Edition" with "Traffic Manager"; Centering the text like it currently is makes it look a little messy.

But overall I freaking love those new versions you did, they look really professional!

  1. Maybe reduce the text/image content on the larger rectangular images to create more "breathing space" around the edge of the image content; make it look less crowded. I see you already have same padding around the image/text (great!) - just needs more padding imo.

FINAL VERSIONS: USE IMAGES IN THIS COMMENT

Ask and you shall recieve!

Thumbnails

Note: It's really not possible to keep the image in the same place while adding on the "LABS" text without removing the centering; they will be off just by a little bit, but that should be okay. I did make the font size a bit smaller to give the thumbnails some more padding too.

Thumbnail5
Thumbnail5 LABS

Logos

Preview5
Preview5 LABS

Thumbnails Preview

image

Logos Preview

image
image

Perfect!

Awesome. Just so we're all good, I will be marking the last posted ones as the final version. The following file is a zip file containing the icon and the psd file for the icon, as well as the logos and the corresponding psd files. Glad I was able to help out with this, it was a lot of fun and I'm very happy to see the outcome!

TMPE Branding.zip

Reopening until workshop pages are updated

Was this page helpful?
0 / 5 - 0 ratings

Related issues

darthroe picture darthroe  路  249Comments

kianzarrin picture kianzarrin  路  38Comments

aubergine10 picture aubergine10  路  39Comments

aubergine10 picture aubergine10  路  32Comments

aubergine10 picture aubergine10  路  33Comments