Banner and Divider Design For Utopian.io
Repository
https://github.com/utopian-io/utopian.io
Linked Task Request
Details
Utopian is looking to improve the graphic presentation of our announcements and formatted blog posts by having customized banners using our logo and (when applicable) the Utopian Mascot, as well as dividers and other components to make our posts look more visually appealing.
In line with this, I created designs for this task request which is inspired with the theme and concept of utopian.
Utopian Weekly is published every Friday and contains all the updates of the previous week, including development updates, marketing and PR updates as well as future plans and planned projects.
The Utopian Magazine is a new biweekly format that us planned to deliver a digest of interesting Open Source content from around the blockchain and the web.
People Of Utopian is a new weekly format highlighting prominent community members in personal interviews.
In collaboration with MSPWaves Utopian will soon launch the Open Source Radio Show highlighting top content and featuring valuable community members, as well as discussion on all things Open Source. The banner designed will be used for announcements and updates regarding the radio show on the Utopian blog.
Design a customizable banner for generic and unplanned updates that do not fit in any of the above formats. Make this one customizable for both longer and shorter titles.
Benefits / Improvements
- The design were simple and clean for having Utopian post more pleasing to the eye of everyone.
- This contribution includes all the files that Utopian needs.
- The design look very well in both light and dark theme of Steemit.com
- The design look well in the posting of Busy.org
Mockups
Utopian Weekly
Steemit Light Theme | Steemit Dark Theme | Busy |
---|---|---|
Utopian Magazine
Steemit Light Theme | Steemit Dark Theme | Busy |
---|---|---|
People of Utopian
Steemit Light Theme | Steemit Dark Theme | Busy |
---|---|---|
Open Source Radio Show
Steemit Light Theme | Steemit Dark Theme | Busy |
---|---|---|
Generic, Unplanned Updates
Steemit Light Theme | Steemit Dark Theme | Busy |
---|---|---|
Dividers, Post Elements and More
Steemit Light Theme | Steemit Dark Theme |
---|---|
To have a full image of the mockups, please open it in a new tab.
Proof of authorship
Tools
Adobe Illustrator CC 2017
Original files
Download all files here
Font Used
Credits to Steemit and Busy for the mockups.
Proof of Work Done
This work is licensed under a Creative Commons Attribution 4.0 International License.
The design is quite generic, and didn't work really well in dark theme, most of the design, the logomark and typography are too big and take too much space, those alements needs space to breathe. bellow is an example of what i am talking about.
Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Thank you for moderating @nilfanif, where can i see the link for scoring?