Details

This is my design for Framenote. Distraction free, minimal writing web app. Since I'm the author of Framenote itself this is not design proposal and I want to implement this design as soon as possible.

This is finished logo
[IMAGE: https://res.cloudinary.com/hpiynhbhq/image/upload/v1520911308/gpquz4odhfhicktysdwo.png]

Ideas

[IMAGE: https://res.cloudinary.com/hpiynhbhq/image/upload/v1520911191/xyb1tuwb5eshwwvqlkok.png]

Framenote is from frame and note. Framing your thought in a note.
And the note icon usually comes with some lines representating paragraph. So i have an idea to make the font F became the paragraph of the note.

And then, placing F paragraph inside note icon, and placing note icon inside a frame.

[IMAGE: https://res.cloudinary.com/hpiynhbhq/image/upload/v1520911209/ityyapoyozx3htcxsmhv.png]

Because of Framenote concept is minimal, so is best to make the logo minimal too.
So just monochrome version available.

[IMAGE: https://res.cloudinary.com/hpiynhbhq/image/upload/v1520911994/etbt8i0i4dmjx82kvd6z.png]
[IMAGE: https://res.cloudinary.com/hpiynhbhq/image/upload/v1520911986/fpei5cttavtufle3ood7.png]

For font i use Roboto Mono, same font with framenote.

Benefits

Framenote still don't have a logo right now, so i hope with this logo framenote can look more awesome. Like this:

[IMAGE: https://res.cloudinary.com/hpiynhbhq/image/upload/v1520911862/qoa1tqspdaiig3rg45ot.png]

Raw Files

I use Figma for creating this logo.
You can visit this project in figma [HERE]

Exported PNG : https://drive.google.com/open?id=1k3cYC0xUe2MDH-m_yeN7BKZTdWTSmXH3

Exported SVG : https://drive.google.com/open?id=1iA84TKG7rHE-cBv7JkUCf1wvBIX-jljs

Posted on Utopian.io - Rewarding Open Source Contributors