Coder Social home page Coder Social logo

Logotype about brand HOT 24 CLOSED

stephenway avatar stephenway commented on June 14, 2024
Logotype

from brand.

Comments (24)

stephenway avatar stephenway commented on June 14, 2024

So I have some round 2 options based on what we discovered yesterday. I went through some sans-serif options with the same format. Century and Poppins seem to feel the most congruent with the round logo symbol. Based on feedback from @ai I came up with a brush script inspired by his own henna which is awesome and liberating from just looking at a linear order of letters.

Actually having gone through this, I think the Besom option feels most consistent for a logoset as a whole. Style matches like @MoOx seemed to point out earlier on, and it has a unique feel to it.

Bring on the comments! Can't wait to get a solid direction so we can move forward with a new identity for the new site.
postcss-logo-round-2

from brand.

MoOx avatar MoOx commented on June 14, 2024

1 and 2 lgtm.

from brand.

ben-eb avatar ben-eb commented on June 14, 2024

Agree with 1 & 2 but might look nicer still if the logo is the same height as the capital letters. Right now it looks off.

from brand.

ai avatar ai commented on June 14, 2024

I think Helvetica is too often used. Century and Popins have to big difference between C and S. Nanum is much lighter, than lines in the sign. This is why I take Franklin, because it looks fresh, has same line weight and balanced letters size in β€œCSS” part.

from brand.

ai avatar ai commented on June 14, 2024

Honestly Vyaz too hard to read without understanding of letters sequence. But this experiment is nice. Maybe we can use it latter in PostCSS Shabbash metteup. Thanks @stephenway.

from brand.

stephenway avatar stephenway commented on June 14, 2024

@ai πŸ‘ Sounds good! I'll prep logo deliverables tonight and put together a visual aide for typesetting and spacing on this repo.

πŸš€ Chosen logotype is the Franklin Gothic variant:
screen shot 2016-01-03 at 3 55 10 pm

from brand.

ai avatar ai commented on June 14, 2024

@stephenway yeap β€œst” part looks like too narrow.

from brand.

stephenway avatar stephenway commented on June 14, 2024

@ai I loosened up the "st" area kerning and built out some deliverables, would like to close this issue and start adding this to the repo if that's ok with you?
postcss-logo-horizontal
postcss-logo-vertical
postcss-logo-blackonwhite
postcss-logo-whiteonblack
postcss-logo-colors
postcss-logo-space-and-type
postcss-logo-alignment

from brand.

marcustisater avatar marcustisater commented on June 14, 2024

That looks awesome, great work @stephenway. I agree with the choice of Franklin Gothic, it's good to try something different then H. Neue.

from brand.

ai avatar ai commented on June 14, 2024

@stephenway also we can change red color if you think that it is not so good

from brand.

stephenway avatar stephenway commented on June 14, 2024

@ai I like the red we have, but for my personal taste I always prefer a mix of orange in with the red for more of a French red.
screen shot 2016-01-04 at 1 00 39 pm

from brand.

ai avatar ai commented on June 14, 2024

@stephenway yeap, looks much better

from brand.

ai avatar ai commented on June 14, 2024

Also maybe we should put few pixels between β€œCS”, because β€œSS” have more space?

from brand.

stephenway avatar stephenway commented on June 14, 2024

Updated with new red and more space between "CS"
screen shot 2016-01-05 at 9 15 48 am

from brand.

marcustisater avatar marcustisater commented on June 14, 2024

That looks fantastic, I really like the new red color.

from brand.

ai avatar ai commented on June 14, 2024

Awesome. You did great work.

I will announce it later in PostCSS account.

from brand.

r3nya avatar r3nya commented on June 14, 2024

@stephenway πŸ‘

from brand.

okonet avatar okonet commented on June 14, 2024

Sorry for the noise again but I've just stumbled upon my tweet with a photo of @markdalgleish presenting about PostCSS (https://twitter.com/okonetchnikov/status/662340331795587073) and I kind of like what he did with the type in his presentation.

So I've qickly gave it a try:

2016-01-18 at 13 14

And keeping in mind that presentations usually have dark backgrounds and the target audience are presentation authors, I think this could work pretty well.

BTW this one uses Source Code Pro

@stephenway @ai WYT?

from brand.

okonet avatar okonet commented on June 14, 2024

And this is how it could look on the website

2016-01-18 at 13 22

@ai I know you might not like it but give a thought :)

from brand.

MoOx avatar MoOx commented on June 14, 2024

For my concern I like the CamelCased typo (PostCSS)

from brand.

ai avatar ai commented on June 14, 2024

I think it is harder to read. Sign is complicated. So when we put text insode, it become more complicated.

Also CamelCased is good for PostCSS name.

from brand.

marcustisater avatar marcustisater commented on June 14, 2024

@MoOx and @ai has a very good point. I think we should keep the text separate from the the actual logo itself, it's easier to read and would not to be "confusing" in how we present it. It's difficult to explain but my intentions says no.

However I think the design itself looks pretty neat, I just don't think it's meant for PostCSS.

from brand.

okonet avatar okonet commented on June 14, 2024

Thanks! These are good points indeed.

from brand.

marcustisater avatar marcustisater commented on June 14, 2024

Thank you for the quick drafts, it was not a bad idea - got me thinking πŸ’­

from brand.

Related Issues (13)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.