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

Maintainers

GitHub Ribbons

Written by

Tom Preston-Werner

Related posts

We need a European Sovereign Tech Fund

GitHub Availability Report: June 2025

From pair to peer programmer: Our vision for agentic workflows in GitHub Copilot

Written by

Related posts

We need a European Sovereign Tech Fund

GitHub Availability Report: June 2025

From pair to peer programmer: Our vision for agentic workflows in GitHub Copilot

We do newsletters, too