GitHub Ribbons

With the rollout of GitHub Pages, why not show the world that you collaborate on GitHub? I’ve prepared these ribbons that you can overlay on your site by copying and…

Tom Preston-Werner·@mojombo

December 19, 2008 | Updated January 4, 2019

With the rollout of GitHub Pages, why not show the world that you collaborate on GitHub? I’ve prepared these ribbons that you can overlay on your site by copying and pasting the appropriate snippet into your site’s HTML. Make sure to change the URL in the link to contain your username instead of “you”.

If you’re not satisfied with one of the colors here, I’ve provided the PSD files (MIT licensed). Feel free to modify as you please. The font being used is Collegiate.

	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_red_aa0000.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_green_007200.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_darkblue_121621.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_orange_ff7600.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_gray_6d6d6d.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_left_white_ffffff.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>

	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_green_007200.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_orange_ff7600.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_gray_6d6d6d.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>
	<a href="https://github.com/you"><img loading="lazy" decoding="async" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png" class="attachment-full size-full" alt="Fork me on GitHub"></a>

Written by

News & insights

GitHub Ribbons

Written by

Tom Preston-Werner

Related posts

What’s coming to our GitHub Actions 2026 security roadmap

Updates to GitHub Copilot interaction data usage policy

GitHub availability report: February 2026

Written by

Related posts

What’s coming to our GitHub Actions 2026 security roadmap

Updates to GitHub Copilot interaction data usage policy

GitHub availability report: February 2026

We do newsletters, too