D2 Ribbons is an open source community ribbon resource for developers. You can download images to use in your project or use the storefront resource link.

Source address github.com/d2-projects…

Features

  • Flat style
  • Github Gitlab Gitee three sets of ICONS
  • Six color theme
  • Translucent/opaque styles
  • Text/icon styles
  • @ 2 x resources
  • Single size (150 x 150/300 x 300 @2x)
  • Come with Github classic style sash

Story

I wondered whether to put the preview first or the introduction first, and finally decided that I should write something first because there were too many preview images

When I was working on another open source project D2Admin, I wanted to add a “Fork me on Github” to the corner of my project page. Then I found several open source projects to see what images they used. None of them were very good. When I found the official Github ribbons, it didn’t match my style very well. The official Github ribbon was the same as before, and I wanted a ribbon that looked flat, so I drew one that looked like this:

I then spent half a day ribbons, when I made a set of ribbons for future use. I also hoped you could use it. Not only github, but also GitLab and Code Cloud versions.

All things from a programmer’s hand, without professional design learning, please feel ugly words light spray

Sketch is my favorite design software and I recommend it to you all.

When designing this set of pictures, I also try to give full play to the features of Sketch, such as color configuration, common style, symbol and other useful functions, which can achieve the effect of changing everything in one place and getting twice the result with half the effort.

Here is a preview of the effect:

Preview

How to use

There is no fixed method of use, they are images, you can download them to use in your project, or directly use the image link of this warehouse. Each sash comes in @2x version

Other images will be updated in the future.

In fact, both Github and Code Cloud provide similar ribbon, depending on personal preference to choose D2 or official

But you can add a D2-ribbons ribbon to your collection