GitHub Guides is a new site we've started to help explain various topics.
The interesting part of this is that the background images are all procedurally generated. The title is converted into a SHA and the color and pattern is derived from the values in that string. A repeatable tile is created in SVG and it is used as the background-image by using its base64 representation.
With this technique, each guide can have a unique visual element without any custom illustration work.
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.