Logo #1
Comments
|
I was about to open an issue about the logo :) The current logo is a Greek helmet, not a Roman one. The logo proposed by @sejr is correct. I like the middle design BTW. |
|
👋 If you need some help with this, I'm up for it. I'm the AD/illustrator for egghead and have some experience with tech logos 👉 For branding projects I like the approach of have a well illustrated graphic for website headers and promotions (stickers, podcast covers, etc.), and then a matching simplified SVG for small-scale menu bars, favicons, etc. Gives you a good range across all future use cases. Just to help explain the tactic, here's a simple/complex pair I did for Pure React:
Happy to go do some roman cultural symbols / helmet research and come back with a round of sketches. The laurel wreath idea is a nice addition. |
|
Given the namesake:
A focus on militaristic imagery seems off-key. To me it makes sense to somehow symbolise Rome's fixation on infrastructure and their engineering feats. Imagery like an aqueduct, maybe? It represents infrastructure well, has a pleasing internal visual rhythm, and has a great silhouette:
Though I realise the above also looks a bit like the coliseum. (err... please don't judge me by the sketch above -- just think it's better to think in rough sketches so early on). |
|
@MaggieAppleton I think it's great, but I personally prefer square than rectangular logos. |
|
Thanks for the logo designs and suggestions everyone! I've had a few other people privately reach out so I'll wait for any additional contributions and we can make a decision in a few weeks.
We are aware. The README explicitly mentions this:
|
|
I found @sgwilym idea interesting..., so I tried to made something based on that:
|
|
The helmet isn't important to keep at all. In fact I'd strongly be in favor of getting rid of it. |
I think this is the ticket, as recent criticisms have highlighted its vulnerability to alluding to Rome's violent past and all it entails. While I disagree with that interpretation within the context of this project, it would be doubtlessly beneficial to not provide an inch of argumentative grounds within the logo as well. Rome was an Empire that was profoundly interested in art and constructs; I can think of no better symbol for this that is uniquely "Roman" than the composite order of columns.
Why is this a great idea? It's a functional weight-bearing element of some of Europe's most prized historical structures. People seem to think it's beautiful. Getting the right one in your logo also shows that you've done thoughtful research. It also draws inspiration from Egyptian and Greek architecture, which is to say that it reaches to other cultures to make something new and great. Not only is it without inference to violence, it is with inference to structure, beauty, tradition, and cosmopolitanism. I'll dust off my InkScape and see what I can do in terms of a tasteful and memorable logo - in the meantime, let me know what the core principles of what your logo's message should be and I'll likewise try to incorporate them. Update: found a flimsy logo website on my bus ride, here's what I'm gesturing at ---
|
Introduces the very minimum to get a website up and running. Includes: `Getting Started`, `Code of Conduct` and `Contributing` - No custom design. - Uses the temporary logo rome#1 . - The feature list is randomly taken from README. Assumes the website is part of the repository but can (should?) be extracted to a separate repository. Generated using Facebook template documented in [Docusaurus](https://v2.docusaurus.io/docs/installation#scaffold-project-website) Addresses rome#14
|
Can have an aerial view of the colloseum. Gives you a circular subtle base which fits on a square. Once you have these concentric circles, you can add more ideas. People always picture it from below. They usually dont visualize it from above. Can iintroduce cogs? To represent a gear too? Just food for thought for designers.
|
I think the Colosseum represents Rome even better. Viaducts would be great for a devops/infrastructure project :) I like the analogy between the robust architectural structure and the purpose of this new toolchain 👍 |
Introduces the very minimum to get a website up and running. Includes: `Getting Started`, `Code of Conduct` and `Contributing` - No custom design. - Uses the temporary logo rome#1 . - The feature list is randomly taken from README. Assumes the website is part of the repository but can (should?) be extracted to a separate repository. Generated using Facebook template documented in [Docusaurus](https://v2.docusaurus.io/docs/installation#scaffold-project-website) Addresses rome#14
Introduces the very minimum to get a website up and running. Includes: `Getting Started`, `Code of Conduct` and `Contributing` - No custom design. - Uses the temporary logo #1 . - The feature list is randomly taken from README. Assumes the website is part of the repository but can (should?) be extracted to a separate repository. Generated using Facebook template documented in [Docusaurus](https://v2.docusaurus.io/docs/installation#scaffold-project-website) Addresses #14 Co-authored-by: Sebastian <853712+sebmck@users.noreply.github.com>
Agree. Praetorian helmets are cool, no need to use a Greek's one. Or @sgwilym point of view is quite good. They were geniouses in engineering.
|
|
The phrase "all roads lead to Rome" is a reference to the Milliarium Aureum—the point to which all roads were said to lead. This is the remains of the same. There are couple of interesting symbols here - could this be simplified and used as logo?
|
|
Wanted to resurrect this issue since I'd be amazing to have a finalized logo for when we have a release to really cement the project from the beginning. I really like the laurel wreath idea (suggested by @kimstacy) and the Milliarium Aureum symbols (suggested by @aarjithn) also look really interesting. I think we definitely don't want something like a helmet, spear etc. I think it would be interesting to invoke more classical elements which would let us theme the website in a lot of interesting ways, eg. having illustrations on the website in a classical style. I would expect the logo to define the color scheme and style of the website. Possibly incorporating a shade of "JavaScript Yellow", ie. unofficial JS logo and Babel. |
|
Let's see. I'm up do this. Before start to working on the logo idea i made this to try to capture a mood, see shapes and try a color palette. On this one i tried the "javascript yellow", as you said above.
On this one i tried a color palette going more towards the Rome flag colors.
Looking forward on the feedback on these, to see if i'm in the right track. I'll start to work on the logo and come back with some ideas. |
|
Just to update. I'm still working on this, but not ready to post just yet. |
|
I finally finished. It's a logo inspired by the arch in the romam architecture, the arch is all over the place in their constructions and it's pretty important. The shape of the arch is more clear when you see it in the pattern, with the logo repeated. The yellow used is the one in the rome flag. I can try others colors if necessary! I hope the community like it!
|
|
It's cool! Really like it.
Black definitely gives a more modern look.
Common colors in ancient Rome are purple (the Senate), green, white, gold,
blue, and obviously red.
I don't think is that kind of necessary to have *everything* in a logo
related to Rome, there are already plenty of references on that logo and
the idea doesn't convince me. Some modern vibe is appreciated.
I would try only another shade of gold or blue\*caerelum* (that also
reminds water?).
Great.
|
|
Wow nice! I like it. It looks awesome as a pattern. I asked a few people for their thoughts and this was some of the more critical comments:
|
|
If you want to make the arch feel more substantive you could add a keystone, romans were the first to start using keystones and Rome is sort of the keystone of your infra. |
|
@sebmck specifically, it looks like the shadow part of a helmet - i think the form is called "chiaroscuro"? |
|
The reflected version is discarded for me. The arch is not clear that way. People sees all sorts of things, but not a arch. The pattern created by the logo is cooler than the logo, that's not right! I had the keystone idea while finishing that one, but decided i would try if that one was rejected. I think it looks nice! I think the diagonal lines make it looks a bit like a helmet, so i remove it! Here's more iterations: |
|
Just wanted to say I like this black & orange theme, and these arch shapes feel real night |
|
Woah sweet, they look great. I really like the second and third row. Notably the last two of row three. |
I like those too Here's with sans-serif fonts |
|
I'm sure about two things:
|
|
by the way |
|
|
|
I love the fourth one "smooth edges Biryani Black", it's definitely my favourite so far.
I'm almost tempted to commit to using it. What do you think? I've shown it to a bunch of people so far and they think it's great. The arch is obvious with the keystone while staying geometric and simple. |
|
@EduardoLopes This one looks good. I actually spent so long looking at it that after looking at the solid lines in the one above it looked weird.
@jamiebuilds pointed out that the two chunks next to the keystone look too small. Maybe join them and move the other break up a bit like this?
(Excuse the awful edit. I don't have access to any better image editor at the moment.) |
I really like it, but i think the font Biryani extra bold is better, because it keeps the width consistent. And, yeah. it looks a lot better like this. This is the logo already remade with all the metrics consistent. I'll need some feedback on kerning. It's the distance between each letter! All letters should look like have the same space between each other. It needs to be done by eye, we can't use metrics to make it look right. But i've been looking at this for too long, i don't even know anymore. It looks good to me. When i say a logo is done, i like to spend some time not looking at, if i like it after one day, it's good! |
|
Nailed the arch! Looks perfect. I think the kerning there looks really wide. The previous versions look a lot closer which looks better. |
|
Also might be good to try it out with sharp instead of soft edges. I think I preferred the serif font a lot more too. |
|
I agree with the serif font usage, i think it’s better looking. I also like the latest proposal but I’m worried that it could have too much details for low resolution: 16x16 or 32x33 would not have a crispy sharp look. |
|
It’s not uncommon to reduce detail as you scale a logo. I imagine if we needed it that small we would just eliminate the stroke gaps. |
|
Kerning was actually smaller. but i made it even smaller. These are smooth and sharp edges, and smaller versions of the logomark.
16px x 16px lose detail. but looks like chrome and firefox doesn't use 16px x 16px icons by default anymore. These screenshots lose quality when exported, but here's link 1 and link 2 (i know this icon will not be used like this, but anyways) |
|
Nice! I think I prefer a combination of the soft and hard edges. Soft edges for the keystone but hard for the stroke. The hard edges convey accuracy, precision etc more. I think it pairs particular well with the previous serif font which I definitely prefer.
It might also be worth modifying the text shape to make the edges and stroke width more even. The logomark looks legible at smaller sizes so I don't think that will be an issue either. |
|
I was already getting used to sans-serif. But i like the serif font at lot! At first i choose a serif font because at the front of the pantheon there's uppercase serif letters, and serifs fonts gives me ancient vibes. Maybe people will find it weird, since there's no other javascript logo with serif letters (that we know). It's not common, at least. Here's side by side:
I think is not necessary modify the text shape, since it can mess up the balance of the font (i like typography, but i'm not a expert to modify that in a good way). I tried others two fonts, i think the best is the one already shown above. Here's sharps edges for the letters too, since there's sharp edges in the symbol
|
|
Smooth edges on the edges close to the keystone
The others edges here, are just a little bit rounded. |
|
First one looks good to me! I'm a fan of the hard edges on the bottom but soft on and next to the keystone. If you're happy with it feel free to submit a PR with the source files to the Thinking about licensing, would you feel comfortable with the CreativeCommons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) license? It doesn't allow commercial usage of the logo and requires attribution for derivatives. You can copy the license text here and put it in |
|
Looks good to me. I'll prepare the files and send the pull request. I need to submit a CLA, for this project? |
|
Actually it'd be better to just have it in a new repo. Just created https://github.com/romejs/logo We can always fold it into the current repo later. |
|
Just merged #406 which updates our logo! https://github.com/romejs/logo contains all the design assets. Thank you so much @EduardoLopes! |
|
Hello everybody, especially logo author! I was inspired by this logo works provided and would like ask author to create something similar for my product cupertino-pane I will happy to pay or donate some amount in my gratitude, please contact me with email: romwtb@gmail.com |
|
@MaggieAppleton |
|
Hi @roman-rr - this is pretty toxic behavior, Maggie hasn't ever posted in this thread and you're asking her to respond to your DMs in public:
It's not cool to do that. |
|
@orta Thank you for advice. |
The current logo is OK but it would be nice to have something a lot simpler. It was created with an SVG I purchased which was modified with illustrator and the lines smoothed out and color with shading added.
The text was updated successfully, but these errors were encountered: