Skip to main content

Getting an Important Internet Checkmark to follow your cursor

Are you an Important Brand? Do you have an Internet Presence? Do you worry about being Impersonated Or Parodied Online? Then I may have something for you.

On your social media, you can bask in the warmth of an Important Internet Checkmark which tells your users that they’re interacting with your bona fide Brand Ambassadors.

A social media profile for ACME Corporation with a blue check mark.
Mmm… that blue checkmark tastes of trust.

But what if your users click your link in bio, and they go to your corporate website? How can they be assured that they’re looking at your Legitimate Content?

What you need is an Important Internet Checkmark that can follow users to your site, and more precisely follow around their cursor. That way, they’ll always know that whatever they’re looking at right now is Authentic Brand Material. And that’s what I can give you today:

You can customise the size and colour of your checkmark, and even have multiple different checkmarks on the same page. Maybe you could use a green checkmark to tell them about your commitment to the environment, a purple checkmark to show your support of disabled people, or a gold checkmark to describe your shareholder dividends. The sky’s the limit!

You should make sure to change the meaning of the colours regularly, so your brand stays Fresh and Cutting Edge.

And it’s not just for Big Brands – whether you’re running a parody account on Cohost or you’re a millionnaire web marketer, you can get an Anticheckmark so that everyone knows you’re Definitely Not Who You Say You Are:

And what’s the price of this Internet Magnificence? $44 billion and your name dragged through the mud? $20 a month? How about $8?

No, this costs the same as all the best ideas: it’s Free!

All you have to do is add some random JavaScript file to your website, and if you do that regularly, the carelessness and inevitable security breach will cost you far more than whatever I could charge you for some extra Brand Legitimacy.

Okay, so this is actually a daft idea I had this morning because of all the shenanigans around Twitter Blue and what the different colours of checkmark do or don’t mean. I had the idea in the shower, and I got it working on the train ride into the office.

Most of the heavy lifting is done by Tim Holman’s collection of ’90s cursor effects. I made some small tweaks to his snowflake cursor, swapped out the emoji for an SVG image, and it worked almost immediately. If you’ve ever wondered how these effects work, I recommend reading his source code – although I’ve never really used the canvas element or the cursor APIs, I could read his code and understand how it worked. Thanks Tim!

This was also inspired by Tumblr’s Important Blue Internet Checkmarks and Cohost Unverified™.

If you want to use it, upload the JavaScript file somewhere and load it in your page like so:

<script src="verifiedCursor.js"></script>

<script>
  window.addEventListener('load', (event) => {
    verifiedCursor({
      // make it bigger or smaller
      size: 2,

      // choose a colour other than blue
      color: '#730192',

      // how fast do you want checkmarks to appear?
      // 0 = none, 1 = lots
      rate: 0.05,

      // do you want to put it inside an element?
      // if you skip this option, it'll cover the page
      element: document.getElementById("verifiedContent"),
    });
  });
</script>

You can also call it as verifiedCursor() if you just want to use the defaults.

Today was my last working day of the year. The sensible thing to do would be to avoid deploying any big changes, so nothing breaks over the Christmas holiday. The silly thing to do would be to add Important Internet Checkmarks to the site, so somebody laughs over the Christmas holiday. Time will tell if I was sensible or silly…