search

picocms / Pico

Pico is a stupidly simple, blazing fast, flat file CMS.
http://picocms.org/
MIT License
3.82k stars 616 forks source link

Logo proposal #499

Closed jorlogicus closed 4 years ago

jorlogicus commented 5 years ago

Greetings, I'm here today to offer my services. As a graphic designer in development and an open source enthusiast, I wish to contribute to this wonderful project by making a logo for it, the process (of course) is totally free and we would be working together to create the design that fits best with your project. Of course, you can quit whenever you want. In case you agree, I would like to ask you a few simple questions about your project to have a better understanding of it and so deliver a better product, also you could share with me any preferences you may have about colors, shapes, etc.

Sorry for disturbing if this is not the proper channel to request this, best regards.

PhrozenByte commented 5 years ago

Sure, why not, thank you @jorlogicus :+1:

However, be warned, I don't know anything about design :sweat_smile: Pico uses #2EAE9B as accent color and has a rather flat and simple design, aiming to convey some feeling of simplicity.

jorlogicus commented 5 years ago

I'll start right away and I'll be sure to make it as simple (minimalist) as possible. I'll be back with a few sketches as soon as I finish them.

jorlogicus commented 5 years ago

Here are some initial sketches, wanted to hear your opinion about which way should we follow.

PhrozenByte commented 5 years ago

My overall first thought: They all look great! :heart:

Thank you @jorlogicus, great work! :+1:

I guess I should simply share my second thoughts without much reflection, so please forgive me if my feedback sounds a bit weird... :speak_no_evil:

I don't know why, but no. 3 heavily reminds me of a parrot :laughing: No. 5 rather looks like a flag than a "P" - I like the idea of resembling a "P". No. 2 closely follows the "simplicity" goal, however, for some reason it doesn't really "get" me. I'm not sure where, but I think I've seen no. 4 somewhere else before - maybe some other pretty similar logo? About no. 1 I honestly don't have much thoughts :expressionless:

The logo should work on both very dark and very bright backgrounds, so even though the circle around no. 5 looks great, I fear it doesn't really meet this requirement. All other sketches work pretty well (since black and white as background are interchangeable). Rounded corners (like in no. 2, 4 and 5) IMHO look better. But I also like no. 2 with its full circle. Which is better depends on the contents, or what do you think?

Not sure about with which to go. I like no. 1, 2 and 4 a lot. I really would like to go with no. 2, because it perfectly meets Pico's simplicity claim. Maybe we can improve it further so that we can "fix" my second thought of "Hmm... It doesn't really get me"? But maybe this isn't really possible, so I really would like to keep no. 1 and 4 on the table.

So, let's talk about no. 2. I was thinking about having a white spot in the second bar (to resemble the "P" a bit better). Or maybe rounded "corners" for the third bar of the P (just like with no. 1 and 4)? Not sure about how this looks. I'm definitely no expert :sweat_smile:

Some feedback from more people would be very appreciated! :clap: The logo is for all Pico users.

jorlogicus commented 5 years ago

Perfect, thanks for the feedback. I'll come back as soon as I finish the new set of sketches. Sorry about the parrot-like logo, just came up with that due to "Pico" means Beak in Spanish.

liviubarbu commented 5 years ago

Hello, I've started using Pico for on of my project recently and i like it a lot for his simplicity and no database thing :). I'm visual designer and i want to jump in with one free logo proposal for pico cms. pico_logo

jorlogicus commented 4 years ago

Hi, I have some designs that I want you to see and give me your opinion about them.

PhrozenByte commented 4 years ago

Sorry for the late response @liviubarbu and @jorlogicus. You two did a great job! :heart:

Let's talk about @liviubarbu's proposal first. I really like the idea, it's super simple and still loosely resembles a "P" :+1: However, I'm not sure whether it might be a bit too abstract. It instantly remembered me of a cloud callout (or a speech balloon, or a comments icon). Not sure, it doesn't really get me for a logo :thinking:

About the small "pico" legend of the second form: I guess this won't really work most of the time. Just think of adding it to the header of both Pico's website and Pico's default theme - the legend's font size would be around just 8px or something.

I really like the idea putting Pico's claim right next to the logo! :+1:

So many more proposals from @jorlogicus :smiley: I like all of them :+1: Let's try the same procedure as last time:

In my opinion no. 5 has a great potential, but since I'm far away from being an expert here, my idea might also look totally awful :sweat_smile: So, idk, maybe we should try? I still like the idea of no. 2, maybe with said "hole" in the second bar to closer resemble a "P"? However, currently I'd say I prefer no. 3 the most. It's super simple, too and just "feels" better. Maybe just with slightly thicker strokes? No. 2, 3 and 5 are all very close together - both in how much I like them and their overall appearance resp. "style".

Besides no. 2, 3 and 5 I'd like to keep no. 1 on the table, too. The longer I view it the more I like it. I prefer no. 1 over both no. 4 of the second proposal and no. 1 and 4 of the first proposal.

Unfortunately I can't really give much reasoning about my opinions :unamused: So, once again, I really want to ask for more feedback. Feedback from other people is highly appreciated! :clap:

Sorry about the parrot-like logo, just came up with that due to "Pico" means Beak in Spanish.

That's amazing! :laughing: I love linguistic coincidences like these, good to know! :+1: :smiley:

TheTechRobo commented 4 years ago

I’m no expert either but numbers 2, 3, and 4 are my personal favourites at first glance, but it’s tough :)

Really nice sketches! Can’t imagine me doing amazing ones like that 😃

plingo commented 4 years ago

Hi, I have some designs that I want you to see and give me your opinion about them.

![]

I like these: 68747470733a2f2f63646e2e646973636f72646170702e636f6d2f6174746163686d656e74732f3435313434393931393634383136393938342f3630333833353139383135323337363332302f5265637572736f5f31382e706e67

type76 commented 4 years ago

logo

PhrozenByte commented 4 years ago

Oh wow @type76, I think I've got a new favourite :smiley: Great work! It feels so "vivid", yet super simple. Incredible how just a small curvature can totally change the appearance. I really love it! As-is. There's only one thing: Could you please give it a try with Pico's accent color (#2EAE9B)?

type76 commented 4 years ago

pico-1

type76 commented 4 years ago

Here's the SVG : https://io76.com/pico-logo/pico-1.svg

PhrozenByte commented 4 years ago

Thanks @type76! :heart:

Before making a definite decision, I'd like to once again ask for feedback. The following four logos are in the inner circle and I'd like to ask everyone which they prefer. The new logo will be used starting with Pico 2.1 in both Pico's default theme and website, also see #515

pico-logo-selection

No. 1 was made by @type76, No. 2, No. 3 and No. 4 were made by @jorlogicus. All credit goes to their awesome work! Thank you again! :heart:

Both feedback and votes are highly appreciated!

killerbees19 commented 4 years ago

3: Too much PayPal like 😂

type76 commented 4 years ago

My list, in order goes; #1, #4, #2 and #3. Hot pink on black just seems sexiest to me, but I don't mind the green on black either. Definitely use the black background.

If you need any design, let me know. I'd love to animate that #1 logo.

Dric commented 4 years ago

In order for me : 1, 4 (but I think the foot of the P is too long or too thin), 3 then 2.

TheTechRobo commented 4 years ago

2, 1, 3, 4 but it is SUPER tough. Great work both of you!

type76 commented 4 years ago

I animated it with a bit of css and added a tiny sound. Total overkill :)

tumapav commented 4 years ago

My order of preference would be 1,2,4,3.

I like the logo design versions that are in the Pico-green color theme and I prefer them over other color options. Other alternative is also Pico-green in the background and logo shape in white.

The hover animation by @type76 is a nice addition to the simple logo No. 1 and I wouldn't mind it if it would be used together with this logo for example on Pico's website. But currently it doesn't work on Firefox, it worked only when I opened it in Chrome.

PhrozenByte commented 4 years ago

Many thanks for all your feedback and a big :clap: :clap: :clap: for @type76 and his logo suggestion - we finally got an official logo for Pico! :confetti_ball: :tada:

A picture is worth a thousand words and we can finally convey Pico’s idea of creating websites using a single picture: Stupidly simple and blazing fast, making the web easy.

@type76 you did an amazing job here, I think I can speak for the whole community (the votes are pretty clear), we absolutely love it! :heart_eyes: Thank you! :heartbeat: :heart: :heartbeat:

Another big thank you to @jorlogicus for bringing this up and your absolutely stunning logo suggestions! The same is true for @liviubarbu, thank you for your great suggestion, too! Even though we chose @type76's suggestion in the end, it's very important to make one thing clear: You guys did an amazing job! :heart: Another :clap: :clap: :clap: for you guys :+1:

The logo will be included starting with Pico 2.1 (see #515)

Screenshot of Pico's default theme

Here's how it is going to look like in Pico's default theme starting from Pico 2.1 (now also including Pico's tagline; also see picocms/pico-theme#2):

Screenshot of Pico 2.1.0

Pico's official logo

If you didn't follow this thread from the beginning, this is @type76's suggestion and now Pico's official logo (also available as SVG, will be available at http://picocms.org/logo.svg later):

Pico's official logo

type76 commented 4 years ago

Love it. So happy you like it and actually used it. Fits nicely.