Marks and effects

A mark is what SiteMark draws: one or more effects in one color. A site group can hold several marks, for the whole page or for one element on it.

Page effects

• Ribbon: a diagonal band across a corner, with a short text such as PROD.
• Banner: a bar along the top or bottom edge with a longer text. Its chevron folds it away into a small tab until you reload.
• Frame: a colored border around the whole window.
• Tint: a faint wash of color over the page.
• Stripes: diagonal hazard stripes, along the top edge or over the whole page.
• Watermark: your text repeated faintly across the page.
• Title prefix: text in front of the tab title, so you can tell tabs apart. It also ends up in your browser history, so it is off until you turn it on.
• Favicon: a colored dot on the tab icon. Some sites don't let SiteMark read their icon; the popup then says the favicon tint is unavailable.

Element effects

An element mark can show an outline, a tint, stripes or a ribbon on one button, field or panel. See Picking an element for how to choose it.

Colors and text

Pick one of four presets (red, amber, blue or slate, chosen to stay apart for color-blind eyes) or type your own hex color. The text color follows automatically, black or white, whichever reads better. Ribbons and banners always carry a text, so a mark never relies on color alone. The mark editor shows a live preview of every change.

When several site groups match

All active site groups apply. The list order in the settings is their priority: each corner shows the ribbon of the highest group, banners on the same edge share one bar, frames nest, and the title prefix comes from the highest group. Marks never block clicks and never move the page.