Aral Balkan — Fork me on GitHub Retina Ribbons.

Fork me on GitHub Retina Ribbons.

25 March, 2013 Show some love for GitHub with these crisp Retina ribbons.

Over four years ago, Tom Preston‐Werner released his iconic ‘Fork me on GitHub’ banners that we all know and love. I thought I’d update them for high‐resolution displays after adding one to Tally — the new template engine I’m working on for Node.js and browsers — and seeing that it was blurry on my iPad.

I’ve recreated all the original colours (red, green, black, orange, grey, and white) and added a few new ones to boot. I hope you find them useful.

I’ve also uploaded the original Sketch source to GitHub so you can customise the ribbons to your heart’s desire.

The original set

Red

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-red@2x.png" alt="Fork me on GitHub"></a>

Green

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-green@2x.png" alt="Fork me on GitHub"></a>

Graphite

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-graphite@2x.png" alt="Fork me on GitHub"></a>

Orange

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-orange@2x.png" alt="Fork me on GitHub"></a>

Grey

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-grey@2x.png" alt="Fork me on GitHub"></a>

White

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-white@2x.png" alt="Fork me on GitHub"></a>

❧

Red

<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/right-red@2x.png" alt="Fork me on GitHub"></a>

Green

<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/right-green@2x.png" alt="Fork me on GitHub"></a>

Graphite

<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/right-graphite@2x.png" alt="Fork me on GitHub"></a>

Orange

<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/right-orange@2x.png" alt="Fork me on GitHub"></a>

Grey

<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/right-grey@2x.png" alt="Fork me on GitHub"></a>

White

<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/right-white@2x.png" alt="Fork me on GitHub"></a>

Extended set with new colours

Chocolate

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-chocolate@2x.png" alt="Fork me on GitHub"></a>

Old burgundy

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-old-burgundy@2x.png" alt="Fork me on GitHub"></a>

Chardonnay

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-chardonnay@2x.png" alt="Fork me on GitHub"></a>

Dusk Blue

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-dusk-blue@2x.png" alt="Fork me on GitHub"></a>

Turquoise

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-turquoise@2x.png" alt="Fork me on GitHub"></a>

Cerulean

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0; width: 149px; height: 149px;" src="http://aral.github.com/fork-me-on-github-retina-ribbons/left-cerulean@2x.png" alt="Fork me on GitHub"></a>

❧