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.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in