The badge is an iframe, and comes in two styles (with logo, without logo) with three color options.

Logo Style

You can embed it on your personal site with this code snippet:

<iframe 
	src="<https://wren.co/badge/logo/YOUR_USERNAME>" 
	style="width: 300px; height: 128px; border: 0"
/>

This is the default badge color!

This is the default badge color!

Add ?style=dark to the iframe src

Add ?style=dark to the iframe src

Add ?style=light to the iframe src

Add ?style=light to the iframe src

Simple Style

You can embed it on your personal site with this code snippet:

<iframe 
	src="<https://wren.co/badge/simple/YOUR_USERNAME>" 
	style="width: 300px; height: 128px; border: 0"
/>

This is the default badge color!

This is the default badge color!

Add ?style=dark to the iframe src

Add ?style=dark to the iframe src

Add ?style=light to the iframe src

Add ?style=light to the iframe src

Color options

Both badge styles come in three color options: green, black, and white. By default, the badges are green. If you'd like to have your badge be black or white instead, simply add a "style" query parameter to the iframe src and specify "dark" (black) or "light" (white).

For example, this badge's src would be https://wren.co/badge/simple/YOUR_USERNAME?style=dark

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4693de5e-3e26-460b-9bbc-8a239a39a0ed/Untitled.png