I suggest this should be the favicon

from papercss.

What's ironic, is that the Chrome default favicon of a blank page is pretty fitting for PaperCSS. So maybe a more cartooned version of that? I'm open for any ideas you (or anyone else!) may have.

from papercss.

I dig it! Favicon made by the framework, nice!

@TotomInc I see your point, but I think the favicon will be too small to really see that it's not perfectly imperfect on the inside. To that point, what browser did you use to display the icon for the screenshot @afzalsayed96?

from papercss.

@rhyneav the previous preview was using Firefox. Here's a preview in Chrome

For Edge, favicon cannot be viewed in localhost but it will work perfectly on deployed webpage
If you cannot view the favicon on your local machine then try clearing cache

from papercss.

@afzalsayed96 favicon looks a bit too light IMO, and the borders are not enough visible.

@Nafis-Fuad is it possible to add something like the P with the PaperCSS font use? It will customize it a bit more, otherwise it's a nice favicon!

from papercss.

Maybe this one helps.

Had to try a lot of combinations. But this one worked for me. Hope you'll find it interesting.

I've generated all the files required.
@Nafis-Fuad

from papercss.

Totally agree. The fold looks great in a bigger image, but gets a little distorted when in a small icon. Thank you for putting that together though, @Nafis-Fuad!

I'm going to go ahead and merge in #38 with @afzalsayed96's favicon.

from papercss.

Do you have an idea for an "official" logo?

from papercss.

@afzalsayed96 thanks for your submission, but I feel you should also sharp the inside-borders of the icon, it looks a bit too rough. What are your thoughts @rhyneav ?

from papercss.

@TotomInc I didn't quite get you.
Built this favicon using papercss itself.

HTML

<div class="row flex-center">
      <div class="row flex-center child-borders">
          <h1>P</h1>
       </div>
</div>

CSS

.child-borders > * {
    border: 4px solid #41403e;
}
h1 {
    font-size: 4rem;
    padding: 0% 15%;
}

from papercss.

@rhyneav, You are right, Chrome's default favicon is a great fit for your framework. I wondered about it too. and maybe we could replicate this same icon to display on other browsers too... What do you say?

And I have found a solution for you. And here's a preview:

And I would say, imperfectness won't be necessary ( just for favicon ). If you like my idea, I can complete the process for you.

BTW, loved PaperCSS. Keep up the great work. we're happy to contribute.

Nafis Fuad
@Nafis-Fuad

from papercss.

@TotomInc, Thank you for giving my favicon a thought. And yeah, I like your idea. Definitely worth a try.

@Nafis-Fuad

from papercss.

@Nafis-Fuad could you please link a screenshot of what it would look like in a browser? Similar to what @afzalsayed96 has done.

from papercss.

What's the state of the favicon? Have you done a choice?

from papercss.

No decision yet @TotomInc. Wanted to see what @Nafis-Fuad's looked like in a browser first.

I personally like @afzalsayed96's a lot. I think it's neat that it was made by the framework. Plus, he already has #38 open with it.

from papercss.

Here you go, @rhyneav.

@Nafis-Fuad

from papercss.

I personally prefer @afzalsayed96's favicon, your favicon @Nafis-Fuad is a bit messy, maybe because of the top right folding border.

from papercss.

It's Ok.

@Nafis-Fuad

from papercss.