Banner and Divider Design for Utopain

Repository:

https://github.com/utopian-io/utopian.io

Task:

https://steemit.com/utopian-io/@utopian.tasks/calling-designers-make-our-blog-gorgeous-and-get-an-upvote-and-bounty

Description:

Here is my design proposal for Utopian's graphic presentation of announcements and formatted blog posts.
The design is made of a dark background with a thin grid and a part of the Utopian logo. I created icons that symbolizes every subject as they can be used on the left side of the text and the logo. The divider is designed with same grid and background colour. There are two options for the divider design; a regular one and one with a shadow effect.

Benefits:

The background colour reflects the actual Utopian-io's identity with its colour shade and its original logo. The font style is a modern style sans-serif font which makes it easy to read and also the sizes compare to the background image are visually proportional.

Banner Artworks:

Divider Artworks:

With shadow effect

Mockups:

Proof of authorship

Tools:

All artworks and mockups are done in Adobe Illustrator CC.

Vector Files:

https://1drv.ms/f/s!Ao5HRHV27YLRhEWXDpVZtefDJrc7

Fonts:

https://www.fontsquirrel.com/fonts/bebas-neue

Proof of Work Done

https://github.com/bytestreamer

This work is licensed under a Creative Commons Attribution 4.0 International License.