Banner and Divider Design for Utopain

Words
183
Reading
1 min
Listen
Play
8y

artwork files-utopian-01.jpg

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:

artwork files-01.jpg

Divider Artworks:

Divider-102-11.png

With shadow effect

Divider-10.png

Mockups:

MOCKUP1-01-01-01.jpg

MOCKUP1-2-02.jpg

Proof of authorship

proofscreenshots-01.jpg

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

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

Banner and Divider Design for Utopain | Ecency