[IMAGE: https://ipfs.busy.org/ipfs/QmQ3J9sPVmUpcRzcNG6xptbamTt4Cm6WEZQbU7yA8RwrT7]
Repository: https://github.com/jMavarez/Tana
Details:
Tana is an app that allows you to have a Picture in Picture window of anything, be it a webpage or a video. It was a promising project and it did not have a logo to represent it. So I asked the project owner's permission to make one and I did. The conversation is linked below:
The Issue: https://github.com/jMavarez/Tana/issues/7
The Idea:
[IMAGE: https://ipfs.busy.org/ipfs/QmcMisdYRtLdnVMY6mecsQidv1APqaUcTLqGJYbaqnxcVN]
The name of the project is derived from the Spanish word 'Vetana' which means "window". So the logo comprises of a window transitioning into a PiP window. The window is floating, just like a PiP window which floats around your screen.
Recreating the logo:
[IMAGE: https://ipfs.busy.org/ipfs/Qme1QUZmTHuh2hesPaGWQYrNhoCmcjVEXxTEsrCnnmXKeH]
> Creating 3 isometric rectangles in order to create a cuboid
[IMAGE: https://ipfs.busy.org/ipfs/QmV5TJ87cY26BYxKkKXivn6q5Y5no68BRAej3T7Sn8qzZD]
> Joining them together and filling them with color
[IMAGE: https://ipfs.busy.org/ipfs/Qma8p3wtbgP3VGwSGFBuNSifBza5eZN9vMj4gHASvrZhmD]
> Creating 3 cirlces which are isometric
[IMAGE: https://ipfs.busy.org/ipfs/QmSjv2ciCHNVDsq64FQf9qssGGW8dXwyABWMxr48xpq7vK]
> Filling them with appropriate colors and duplicating the "window" to create a smaller one
[IMAGE: https://ipfs.busy.org/ipfs/QmdRdNdq3kjEYa6Emv4UntVg7CcqAAPvmKpUx4vKB8JEjp]
> Making the single color version of the logo
[IMAGE: https://ipfs.busy.org/ipfs/QmU4NMt1fWJBaDFpngPirC8QMvNRMvLjUCQ1Qr6xmVpF6R]
> Deleting the unwanted portion
[IMAGE: https://ipfs.busy.org/ipfs/Qmb7iJCH43d8HRHp1G8XKaEgofzApFcwjBqoNcUYpi4yMX]
> The finished logo
Benefits
The project lacked a logo to represent itself, and by making a logo which is minimal and memorable I have improved the visual identity of the project. It's a simple logo which represents the project adequately. Different ideas which resonates well with the project were combined in order to create this logo, resulting in a logo which goes along with project seamlessly.
Previews
[IMAGE: https://ipfs.busy.org/ipfs/QmRb3L6SEnt2piGbFcoX7nHbhngw41PY6bHbbR4sX426Ab]
[IMAGE: https://ipfs.busy.org/ipfs/QmcuMtxev7cpr2VNnk8geXkpxkmbA68x1fWLDAqPGFHVwG]
[IMAGE: https://ipfs.busy.org/ipfs/QmPzKXJSD5kVijoQ4mCb4nFiw1BQxyYypQHooBcvQn3vaU]
[IMAGE: https://ipfs.busy.org/ipfs/QmRihp6A9fkeVbNWDRi7x8gegCyJJZNiCpqVJmC97dQvNe]
[IMAGE: https://ipfs.busy.org/ipfs/QmXHUDgqbwCuG6z2bnxbJ2qywibMRuRZ3rQ2pxh8qxsuFP]
[IMAGE: https://ipfs.busy.org/ipfs/QmPzMCXQRd2GUgxdcDnqtUCKnWCUFMwG1CKzmy644Hhd2y]
[IMAGE: https://ipfs.busy.org/ipfs/QmaEMY2qZX52pgMT2UwpuejyUmNqcFAjAxcsURMzps3D89]
Tools:
[IMAGE: https://ipfs.busy.org/ipfs/QmVkmBCbAdr4PJULBnFVZTER457Cm4dYGsXmUNfugAcE45]
I have used Inkscape 0.92.3
Links:
This work is licensed under a Creative Commons Attribution 4.0 International License.