Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design a logo #31

Closed
alerque opened this issue Jun 23, 2020 · 13 comments
Closed

Design a logo #31

alerque opened this issue Jun 23, 2020 · 13 comments
Labels
enhancement New feature or request

Comments

@alerque
Copy link
Member

alerque commented Jun 23, 2020

How are we supposed to pitch a tool to designer types if it doesn't even have a shinny logo?

Unfortunately I'm that long-bearded programmer dude who lives in a terminal (yes, I am in fact composing this very issue in vim!). Somebody else is going to have to take this one on. Does anybody want to give back to @theleagueof for all the free fonts by contributing some cool branding for this project?

@alerque alerque added enhancement New feature or request help wanted Extra attention is needed labels Jun 23, 2020
@sprngr
Copy link
Contributor

sprngr commented Jul 17, 2020

Hi there, long time League font user and fellow long-bearded programmer. I was looking at fonts and saw this was flagged with help wanted. Since I'm somewhat handy with vectors and want to contribute in someway, I took an attempt at a logo for this neat project. It makes use of Fanwood.

fontship

Hopefully you may like it or at least derive some inspiration toward a better logo for the project.

Cheers!

@alerque
Copy link
Member Author

alerque commented Aug 13, 2020

Thanks for starting the ball rolling @sprngr. I appreciate the contribution and I do actually kind of like the concept. I have a concern however that it's too close to the concept art used by Docker:

image

This is more than a theoretical conflict because I expect use as a Docker container will be one of the main ways many designers opt to use it, installing a bunch of native dependencies being a bit more of a a fiasco. Since Fontship appears in both Docker Hub's container registry and Github's own container packages registry and as a CI Action that supports Docker usage is also marked with the Docker icon, it seems like this might be a perpetual source for confusion.

Thoughts?

Also one more thing to consider when evaluating designs for this is the most commonly seen format we're going to have is probably going to be a square aspect ratio. To make matters worse, Github Actions has been cropping square aspect ratio icons into circles for display. Ugg ... in short we don't have much icon space to work with. We'll probably want a nice full logo to put in the Readme / documentation and a simplified essence version for icons.

@sprngr
Copy link
Contributor

sprngr commented Aug 20, 2020

I 100% get that concern, funnily enough my idea for the logo is based off a container ship design. Totally don't want to cause any sort of confusion. It's good to get the ball rolling and find out what doesn't work.

As for aspect ratios, that is also a good limitation to know. I can try to get some thoughts put together that can fit in a square or be turned into a circle if needed.

Does making use of a literal ship in the logo make sense or is that too on the nose?

@alerque
Copy link
Member Author

alerque commented Aug 20, 2020

I don't mind the use of a literal ship at all, in a lot of ways it makes sense. We don't have to go that way, but I don't think it's a problem if we come up with something different enough from Docker to avoid conflation.

For the square / round layout I do think this can be a reduction from whatever full logo / emblem we come up with and doesn't have to have all the detail or even the name. For example PyPi (yet another container stacking theme) reduces their logo progressively like this:

image


Non-designer throwing out ideas here: what about something with a ship's prow instead of the whole ship, perhaps more on the historical sailing ship than end of boat design than the modern container barge look, with "font"‌ or "fontship" emblazoned in some League font on the side? Perhaps rotated so the ship is pointed closer towards the viewer rather getting the profile.

@sprngr
Copy link
Contributor

sprngr commented Aug 20, 2020

Good thoughts all around. I'll try to put some vectors together when I get some free moments this coming week.

@alerque
Copy link
Member Author

alerque commented Aug 21, 2020

Just bumped into Codeship. I'm pretty sure they yanked my concepts.

@alerque
Copy link
Member Author

alerque commented Aug 21, 2020

This is cheating, but I wanted to see what it would look like so I stuffed Codeship's badge icon in a Fontship project:

image

@sprngr
Copy link
Contributor

sprngr commented Aug 23, 2020

Had a few free cycles this weekend and put together a quick draft of something to break out of the literal ship idea, still going to tinker with making a bow of a ship though just wanting to throw out some more ideas to get things churning since I don't want this to clash with Codeship now.

Thought, why not bring another method of shipping into play:

fontship_truck

It's also designed from a square aspect ratio so it can be scaled and fit into many scenarios. Going to look at some photos of boats and put together some ideas from that as well.

@alerque
Copy link
Member Author

alerque commented Aug 28, 2020

Hmmm. That's interesting too.

By chance while working on another project that runs in GitHub Actions, I ran into this:

truck

What is that you ask? It's the truck icon from Feather icons. Of course we don't have to match anything that's in there exactly, but one place Actions lets us pick branding we have to pick one of those icons to go with our project. I currently have the package selected for Fontship, but the truck would fit the bill too!

@sprngr
Copy link
Contributor

sprngr commented Sep 12, 2020

Hey, sorry for the long delay - was tied up with prior commitments and can now get back to this.

I actually do like the feather truck icon a bit, I'm going to work on variations inspired by that so it can feel consistent across the board.

@sprngr
Copy link
Contributor

sprngr commented Sep 12, 2020

I tried to drive further (pun not intended) with the box truck concept. It felt sort of like fate given Feather Icons had a truck of their own.

I put together a few variations with open and filled boxes, as well as Regular and Italicised "F" glyphs written in Fanwood. I had tried to use the whole word "font" but it does not scale well in a vector that needs to fit a square aspect ratio.

I was kind of partial to the italic F on the truck as it kind of felt like it gave a bit of feel in direction or movement forward.

Looking forward to hearing your thoughts on this one.

fontship_v2

@alerque
Copy link
Member Author

alerque commented Sep 14, 2020

I think something along those lines may be workable. Maybe without the F in the truck for the variants that have the full name? Perhaps also the baseline of the full name should align with the truck bed, not the F? But these are small details, I think we can probably run with the concept for now.

How about opening a PR with SVG or whatever vector graphics you have so far (or ever a couple iterations if you have any commit history for them). We can play with it a bit more and figure out how to break down what resources we need and where to put them.

@alerque
Copy link
Member Author

alerque commented Oct 8, 2020

Closed by #82. Many thanks @sprngr!

I'm still open to tweaks (as evidenced by #90) but this made it into the v0.5.0 release.

@alerque alerque removed the help wanted Extra attention is needed label Oct 8, 2020
@alerque alerque closed this as completed Oct 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants