Ribbons are your goals to 100% completion. There are three sets of ribbons, one of which is for general gameplay while the other two sets are related to clicker and upgrade types.
The opaque ribbons are planned to be “hidden” or “secret” ribbons, to make game completion a little more trickier. Secret ribbons will be listed as [?] on the in-game Ribbons menu while they are incomplete, but they will always be available to see here on the wiki.
<html><span style=“font-weight:bold;color:white;background-color:blue;border:solid 2px darkblue;border-radius:5px;padding:3px;”>Basic</span> ribbons are unlocked through general gameplay and are mostly related to your currency clicker, but can also be determined by which upgrades you have.</html>
A more detailed description of how upgrades can affect unlocking ribbons will be available later.
<html> <div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Let's Begin</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Click the button for the first time.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;opacity:50%;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>20/20 Vision</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have both currency collectors at 20, at the same time.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;opacity:50%;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Clicky Clicky</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 1000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Currency Clicker</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 5000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>2</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Idle Cicker</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 100,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>2</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Skimmed Mil</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 500,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>3</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>One in a Million</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 1,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>3</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>???</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 2000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>???</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 5000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>2</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>???</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 10,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>2</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>???</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 50,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>3</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Hundred Million</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 100,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>4</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Half Billion</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 500,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>4</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Hundred Billion</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 100,000,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>4</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Half Trillion</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 500,000,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>5</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Thrills For Trils</div> </div>
<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 100,000,000,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>5</span></td> </tr> </table> </div>
</html>
<html><span style=“font-weight:bold;color:white;background-color:green;border:solid 2px darkgreen;border-radius:5px;padding:3px;”>Green</span> ribbons are unlocked through the purchasing of green upgrades.</html>
<html> <div style=“margin:auto;width:auto;background-color:green;border:solid 2px darkgreen;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Populate</div> </div>
<div>
<table style=“border:0px;”> <tr> <td style=“border:0px;”>Purchase your first Citizen upgrade.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:green;border:solid 2px darkgreen;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Gone Shopping</div> </div>
<div>
<table style=“border:0px;”> <tr> <td style=“border:0px;”>Purchase your first Business upgrade.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:green;border:solid 2px darkgreen;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>The More, the Merrier</div> </div>
<div>
<table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 10 Green upgrades.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>
</html>
<html><span style=“font-weight:bold;background-color:yellow;border:solid 2px orange;border-radius:5px;padding:3px;”>Yellow</span> ribbons are unlocked through the purchasing of yellow upgrades.</html>
<html> <div style=“margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;”> <div style=“text-align:center;margin:auto;”>A Helping Hand</div> </div>
<div>
<table style=“border:0px;”> <tr> <td style=“border:0px;”>Purchase your first Helping Hands upgrade.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid orange;align:center;background-color:yellow;border-radius:5px;”>1</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;”> <div style=“text-align:center;margin:auto;”>Free Currency</div> </div>
<div>
<table style=“border:0px;”> <tr> <td style=“border:0px;”>Purchase your first Accountant upgrade.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid orange;align:center;background-color:yellow;border-radius:5px;”>1</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;”> <div style=“text-align:center;margin:auto;”>Money Talks</div> </div>
<div>
<table style=“border:0px;”> <tr> <td style=“border:0px;”>???</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid orange;align:center;background-color:yellow;border-radius:5px;”>2</span></td> </tr> </table> </div>
<div style=“margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;opacity:50%;”> <div style=“text-align:center;margin:auto;”>Idle Income</div> </div>
<div>
<table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn 10x more per second than per click.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid orange;align:center;background-color:yellow;border-radius:5px;opacity:50%;”>2</span></td> </tr> </table> </div>
</html>