#### Details




I present my version of the logo for open source project **[Code Combat](https://codecombat.com/home)**.

Description:

> A classroom in-a-box for teaching computer science. CodeCombat is a platform for students to learn computer science while playing through a real game. Our courses have been specifically playtested to excel in the classroom, even for teachers with little to no prior programming experience.


![111.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515919201/tybckhxunvr8nho0joxm.jpg)

![222.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515919253/nmvuj7b0xlbhdmiwjtgn.jpg)

![333.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515919260/xasbsjvkx9gz5ocp52es.jpg)

![444.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515919266/pj5ousfebnbadqnwvebu.jpg)

Icon 192x192:

![Code_Combat_192.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515919273/pbcs968lvl1gjwetvrz8.png)

Icon 144x144:

![Code_Combat_144.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515919278/nca9d9wm0hjvs5swzin7.png)

Icon 80x80:

![Code_Combat_80.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515919282/aap2b9wbcaddn62eymkn.png)










#### Benefits / Improvements

In my opinion, the old logo completely does not reflect the company's activities - it's just a faceless text. I tried to create a new logo that would be more talkative and would directly indicate the company's activities. In my logotype I decided to combine two known symbols - computer code elements and a stylized PCB element:

![Code_Combat_Concept.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515924993/hejuxfcq05u0cbj8i9lj.jpg)



Website with old logo:

![Old_Site.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515920654/xc0ricbogzebod7miehp.jpg)

Website with new logo:

![New_Site.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515920684/o4cylmbt0xdhmmq7748l.jpg)


My logo on the smartphone screen:

![Smartphone_Code_Combat.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515924405/n33weqduoetotagailc4.jpg)





#### Tools




Below I will show you the stages of creating my logo in vector graphics (Corel Draw 9 version):

![01.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515920907/yi5hwxup3wjqyuhueuqw.jpg)

![02.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515920914/r4djrdojroisnvbvgvmm.jpg)

![04.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515920919/bhdm5mfyu7oz9wukl1es.jpg)

![05.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515920926/tciyozdhfk8a5h85rqt7.jpg)

![06.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515920935/wo04unpew8clatjvmyn2.jpg)

![07.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515920942/lnno00tmnxx4mxx1td4c.jpg)


Free font **Russo One** from **[Google Font:](https://fonts.google.com/specimen/Russo+One)**

![Code_Combat_Russo_One_Font.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515923963/f3zppxm6wjxuhvodmqqg.jpg)






#### Original files




You can download original files EPS, PDF, JPG and PNG in ZIP archive from the **[link](https://drive.google.com/file/d/1I_RHJO0Ry1EMB1coU5Ohj6Ri9W9VZ8xw/view?usp=sharing)**
    

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@serkorkin/my-logo-for-code-combat">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>