https://cdn.steemitimages.com/DQmbqdesTCKxK69Kc5ALUQSMPuRQ2nH7ypq6MdtLkDChUyA/10.png
<br>
<br>
<a href="https://github.com/TheKnarf/RavenDesk">Project repository</a>
<div class="text-justify">
Happy day for all, this post is about explaining the whole process of contact and design that was made for the contribution to the RavenDesk project.
<br>
<br>
The RavenDesk project is a CMS (Content Management System) that works with Webpack and Isomorphic-jsx. In conversations with the owner of the project, he explains that the base of the project are the websites.
<br>
<br>
As the owner of the project expresses it, the name RavenDesk is inspired by a phrase from the famous movie Alice in the Country of the Maravillas, where it is said: Why is a raven like a writing desk?. So the owner wanted a logo that at first sight expressed a raven, at first he wanted a raven on a table, however I was inspired to give a more modern and minimalist style to the raven.
<br>
<br>
<hr>
<h3>Contact the project owner</h3>
<br>
<br>
During a deep search for GitHub I found the RavenDesk project, when I checked I noticed that it is a project that is in development and did not have a defined logo, in addition to this I notice that within the Issues I had an open theme about the logo design so I got in touch with him. The contact was mainly by GitHub then we contacted via email.
<br>
<br>
<a href="https://github.com/TheKnarf/RavenDesk/issues/1" >Issues</a>
<br>
<br>
<div class="pull-left">https://cdn.steemitimages.com/DQmZZfCnEbnrV5bSHFX1K75rLVEscaFDGy9xXtdb256Rugu/contact%201.jpg</div>
<div class="pull-right">https://cdn.steemitimages.com/DQmV8ytie1okjSsecwRxwDCWFvQhapDk78JJA5Y4VAd1u5K/contact%202.jpg</div>
<hr>
<br>
<br>
<div class="pull-left">https://cdn.steemitimages.com/DQmU1NtXjAa5kkkCnszNhsEvZBVU3tWQfApGFGeUUuK7uqE/contact%203.jpg</div>
<div class="pull-right">https://cdn.steemitimages.com/DQmXM8kch3xeiyxJGMMA6pYJpw8zrCJDqdS1z4NviWBHBA5/contact%204.jpg</div>
<br>
<br>
<hr>
<h3>Design process</h3>
<br>
<br>
The design process starts with the inspiration of the raven therefore I use pencil and paper and a little creativity to make an outline of the icon, I'm not very good at drawing with the pencil so the result was this.
<br>
<br>
<center>https://cdn.steemitimages.com/DQmNmC6PgBt3UD93GkgEAucHxgcKbC2zAAjm1nRjsWBEkVx/IMG20180910090549.jpg</center>
<br>
<br>
Using the basic scheme, I put my hands to work and start working on Adobe Illustrator Cs6. I begin to relate the main strokes of the icon with circles to define the limits of the design. then one all the paths and the result was really beautiful.
<br>
<br>
<div class="pull-left">https://cdn.steemitimages.com/DQmbadxFKQMBsQU7yyhVAaXtnz3kNoY3WRNYDLHa6Mituo2/1.jpg</div>
<div class="pull-right">https://cdn.steemitimages.com/DQmST5puYBSuPnmCMMYAwCqa4h9SkgiCrWkbALXdo3Nbh7S/2.jpg</div>
<hr>
<div class="pull-left">https://cdn.steemitimages.com/DQmfNFLNxdzkf2aWza9rtaijFGAUp2kCxaeAMP6heDCgaZ4/3.jpg</div>
<div class="pull-right">https://cdn.steemitimages.com/DQmXJEZV9CLc9BQ3eNT5We2H2KFmr81pmYZgPiJX8pQGDWh/4.jpg</div>
<hr>
<div class="pull-left">https://cdn.steemitimages.com/DQmbdeSG3Xg84iRPzRbzyUskGcunRK66qWqNMwSA5aZnjCd/5.jpg</div>
<div class="pull-right">https://cdn.steemitimages.com/DQmePfBWJfjMqBHA7K6ry2JSvdqHads6DKJY1xWy55vs98V/6.jpg</div>
<hr>
<br>
<br>
<center><h1>Final design</h1></center>
<br>
<br>
<center>https://cdn.steemitimages.com/DQmQAoiRMvYg9qCDYdYbV6keXhNWKcAbsaz3rLmSBeQnrrA/8.jpg</center>
<br>
<br>
<center>https://cdn.steemitimages.com/DQmahmiJwwpgvfUv6yL1qBnWXA3WTBDf5eN8LYG2kz736G1/Logotype102.png</center>
<br>
<br>
<hr>
With the design defined and approved by the project owner, I made different variations and created ICON, LOGO TYPE and LOGO, all in .AI .PDF .SVG .PNG format, and I loaded it into a folder of google drive that I share with the owner of the project so you can use the logo.
<br>
<br>
<h3>Design variations</h3>
<br>
<br>
<b>LOGO</b>
<br>
https://cdn.steemitimages.com/DQmW5fq9pPFnHQC76Y57AanpZdtckYz8KpZRd36FvFisUw8/12.png
<br>
<br>
<b>LOGO TYPE</b>
<br>
https://cdn.steemitimages.com/DQmXuuDpCTpYHGvuVo68GtM3Q7zPrQidF8RMQKUBeoFjDHB/11.png
<br>
<br>
<b>ICON</b>
<br>
https://cdn.steemitimages.com/DQmajpTJS2SkiuVNLxCiJwH984K1o5QkcTQQqzoYDyPT2t3/13.png
<br>
<br>
<hr>
<h3>Size Variations</h3>
<br>
<br>
https://cdn.steemitimages.com/DQmPfgb3TQDkwkzTYj6PzN3F5XLpwa2p9iFXM8hFETfXEKr/14.png
<br>
<br>
<hr>
<h3>Color code used</h3>
<br>
<br>
https://cdn.steemitimages.com/DQmUTZqdo54Sk4HW3r8gtk6yJMf1pTDR95E8axKjGKLpK4U/15.png
<br>
<br>
<hr>
<h3>Font used</h3>
<br>
<br>
<a href="https://www.fonts.com/font/adobe/myriad">Myriad Pro</a>
<br>
https://cdn.steemitimages.com/DQmQ98GnBTXHMbLPMHedr2pwpegjXmsrFigQpHhrWe2fTyp/17.png
<br>
<br>
<hr>
The design was used in the project and the contact with the owner was open for future designs.
<br>
<br>
https://cdn.steemitimages.com/DQmcLePzVz5JAim2rDCUun6DS4mqnbmZSW9UKxVCqYB4RBo/prueba%20de%20uso.jpg
<br>
<br>
<hr>
<h3>Original files</h3>
<br>
<a href="https://drive.google.com/open?id=1QAw4FtTplY5Bmy7igSe802gVilG0RA4i" >Google Drive</a>
<br>
<br>
<h3>License sent to the project owner</h3>
<br>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licencia de Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is under
 <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">license of Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional</a>.
<br>
<br>
<hr>
https://cdn.steemitimages.com/DQmULiSVuPHPe5oEgbRu3EbWHM8EStRTE6JuUPdX5GxTGwC/FOTO%20DE%20FONDO%202018.png