![thumb](https://github.com/j3dy/Utopian-Graphics-Contributions/blob/master/Steemia%20Contribution%20V1.1c/Banners/SteemiaV1.1%20-%20Tag%2BType2.png?raw=true) #### Details Created a cool Logo for Steemia a new mobile app for the steem blockchain. You can read more about the project on their blog: https://busy.org/@steemia-io > This app will provide the users an enriched user experience plus features commonly encountered in a casually used social media. The goal of this project is to give the community a mobile app where they can do their daily activity in the blockchain. `https://utopian.io/utopian-io/@steemia-io/steemia-logo-design-request` Updated and 2k again :) This is version 1.1c and I'm overhauling the whole post so I hope the moderators take note. *** *** ## Icon Request ![ExportV1.1c.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518444552/dodfphhlym4ltdfnu1ew.png) *** *** ## Horizontal Typeface font is [Roboto] noted below https://github.com/j3dy/Utopian-Graphics-Contributions/blob/master/Steemia%20Contribution%20V1.1c/Banners/SteemiaV1.1%20-%20Tag%2BType1.png?raw=true https://github.com/j3dy/Utopian-Graphics-Contributions/blob/master/Steemia%20Contribution%20V1.1c/Banners/SteemiaV1.1%20-%20Tag%2BType3.png?raw=true ## Vertical Typeface https://github.com/j3dy/Utopian-Graphics-Contributions/blob/master/Steemia%20Contribution%20V1.1c/Banners/SteemiaV1.1%20-%20Tag%2BTypeV1.png?raw=true https://github.com/j3dy/Utopian-Graphics-Contributions/blob/master/Steemia%20Contribution%20V1.1c/Banners/SteemiaV1.1%20-%20Tag%2BTypeV2.png?raw=true https://github.com/j3dy/Utopian-Graphics-Contributions/blob/master/Steemia%20Contribution%20V1.1c/Banners/SteemiaV1.1%20-%20Tag%2BTypeV3.png?raw=true ## Black White and Outlined Versions https://github.com/j3dy/Utopian-Graphics-Contributions/blob/master/Steemia%20Contribution%20V1.1c/Banners/BWO%20Mono.png?raw=true *** *** ## Size Variations and mockup icons for different use cases

Launcher Icon

![V1.1c 48.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518444974/qajgntg1drwrjtc5jmda.png) 48x48 px ![V1.1c 72.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518444991/yb72s5ufsdr3mtsgcoea.png)72x72 px ![V1.1c 96.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445004/ttjpu7pixy4zhfeflfkf.png)96x96 px ![V1.1c 144.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445012/sem01ypofmflzn5urxqg.png)144x144 px ![V1.1c 192.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445017/vu7xfnjfr4vx5cqpdkff.png)192x192 px ![V1.1c 512.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445021/evantsfbrhtkxgnj2y7w.png)512x512 px

Action Bar Dialog And Tab Icon

![V1.1c 24.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445028/ojarru44q15gz97qy5dx.png)24x24 px ![V1.1c 36.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445036/yngc4hsbicrpamqf6kgn.png)36x36 px ![V1.1c 48.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445041/c7lpmnhmgy4sn6fm9asa.png)48x48 px ![V1.1c 72.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445047/jufg889q10qqjz4oxnro.png)72x72 px ![V1.1c 96.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445052/ugt3salkuxben7sjeomq.png)96x96 px

Small Contextual Icon

![V1.1c 16.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445057/xhm5sl5qfa8zce0lusjx.png)16x16 px ![V1.1c 24.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445063/xbkxlc0mip7wwuxxqgkf.png)24x24 px ![V1.1c 33.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445075/fe5nknrh7fxigsciyuur.png)32x32 px ![V1.1c 48.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445084/aatxqdf3st659fmizqal.png)48x48 px ![V1.1c 64.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445089/khw7oeckyxqlzozoo2u0.png) 64x64 px

Notifications Icon

![V1.1c 22.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445095/yqiwfzzoyezlbjgnvul4.png)22x22 px ![V1.1c 33.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445099/ocm1zbylte1m34jloskl.png)33x33 px ![V1.1c 66.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445104/ywsvgjpxfizt3zov2qfr.png)66x66 px ![V1.1c 88.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518445108/lpknaope69dpl8m9x7be.png)88x88 px *** *** #### Benefits / Improvements First up the logo uses known forms like the trending line on the screenshot in the main task, it's also representing the distributed nature of the steem network, as well as the social aspect of it :) I have since updated the logo to be symmetrical based on the comments from the Task Holder and the colors have been changed to contrast the smaller versions better, I do believe it's looking better and better and I hope the hours spent show the quality I've tried to achieve. The logo should scale both **up and down** and be **easily recognizable** Looking forward to your comments @hsynterkr @jayser @jayserm and good luck to the steemia Team #### Tools Cinema 4D, Illustrator, Photoshop It's a long story but I will try and keep it short, * Step1: Get the idea in your head and grow it until you are happy with the concept * Step2: Get the vector shapes: Outline or just connect the dots, Vectorise the main elements * Step3: In my case it's export and setup in Illustrator, produce color variations and setup the scene for export * Step4: Produce the mockups and general bells and whistles (I'm still not great with effects and gradients so I lack that final polish) * Step5: Add to the repository/disk/server and Write up the post * Step6: Do updates based on the feedback received > **!!Feedback is one of the most important steps in the process !!** * Step7: :) Update the post and refine the whole spectrum :) Hope for the best :)
https://github.com/j3dy/Utopian-Graphics-Contributions/blob/master/Steemia%20Contribution%20V1/ScreenHunter_1507%20Feb.%2011%2015.34.jpg?raw=true I don't see the point in spamming screenshots but I can stream videos for you next time :) ![1](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518448246/o6yccgweefyii3t9kh7h.jpg) *** *** Aditional Mock Ups ![Busy](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518449250/vfxqnc7c3xn4jzollhkk.jpg) ![Steemit](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518449258/cl9cm8vy6g19z84rj08i.jpg) *** *** ## Colours Main colors: Light Blue R=33 G=150 B=243 Dark Blue R=13 G=71 B=161 Red R=244 G=67 B=54 Variation Colors R=51 G=51 B=153 / R=51 G=153 B=204 `Swatch.ai` Included in the V1.1c repository #### Original files **Current V1.1c** Download files [Here]( https://github.com/j3dy/Utopian-Graphics-Contributions/tree/master/Steemia%20Contribution%20V1.1c ) **Obsolete V1** Download files [Here]( https://github.com/j3dy/Utopian-Graphics-Contributions/tree/master/Steemia%20Contribution%20V1 ) Download Roboto font [Here]( https://fonts.google.com/specimen/Roboto) Cheers, @j3dy *** ***

Posted on Utopian.io - Rewarding Open Source Contributors