Skip to content
SiteMark home
Theme
GitHub

Never confuse production with test again

SiteMark is a private browser extension that marks the websites you choose with ribbons, banners and outlines, so you always know where you are. It collects nothing and only runs on the sites you allow.

The playground needs JavaScript. Turn it on to try your own marks; until then, this is how the preview looks.

The playground's preview: a mock browser window with a sample web shop and a red PROD ribbon in the top-right corner.The playground's preview: a mock browser window with a sample web shop and a red PROD ribbon in the top-right corner.
Leaf & Lamphttps://shop.example.com/

The page shows ribbon in red.

Color
Try your own mark in the playground

Why SiteMark

  • Unmistakable

    Ribbons, banners, frames and outlines in colors you choose, so production never looks like test.

  • Simple

    Add a URL pattern, pick a mark and you're done: mark a whole page or just the button that matters.

  • Private

    No accounts, no tracking and no network requests, and SiteMark only runs on the websites you allow.

SiteMark at work

A customer admin page marked as production: a red PROD ribbon in the top-right corner, a red frame around the page, an outline around the Delete customer button and a banner at the bottom that reads “Production: changes are live”.A customer admin page marked as production: a red PROD ribbon in the top-right corner, a red frame around the page, an outline around the Delete customer button and a banner at the bottom that reads “Production: changes are live”.
The marks on a production page
The SiteMark popup open over the marked page. It lists the Production site group, says the marked delete button was found, and offers Pick element and Hide on this tab.The SiteMark popup open over the marked page. It lists the Production site group, says the marked delete button was found, and offers Pick element and Hide on this tab.
The popup: what's marked on this page
The mark editor in the SiteMark settings: the effects, such as the frame, tint and title prefix, above a live preview of the ribbon, frame and banner on an example page.The mark editor in the SiteMark settings: the effects, such as the frame, tint and title prefix, above a live preview of the ribbon, frame and banner on an example page.
The mark editor, with a live preview

Private by design

SiteMark collects no data. Your site groups stay in your browser, and this website sets no cookies and loads nothing from anywhere else.

  • Open source

    MIT-licensed and public on GitHub: the extension and this website, so anyone can check what SiteMark does.

  • No analytics

    No accounts, trackers, crash reports or servers of its own. Nothing about you is collected.

  • Stays in your browser

    Your site groups live in the extension's local storage and are never synced to a cloud account.

  • No network requests

    No requests and no remote code. The one exception is the favicon tint: off by default, and it only loads the icon of the site you are on.

The permissions SiteMark uses

storage
Keeps your site groups and settings in your browser.
scripting
Shows marks on the pages that match your URL patterns.
activeTab
Lets you pick an element or mark a site, only after you click SiteMark or use its shortcut.
*://*/*
Access to websites: never granted at install. SiteMark asks for one website at a time, when you add its URL pattern.

Read the privacy policy