The Enforcement Loop.
One mark, built from what the product does: three policy stages - none → quarantine → reject - closing into a continuous cycle. Use it consistently and it does the work of a much bigger brand.
Enforcement Loop
Built on a 36-unit ring with a 10-unit stroke and round caps. The three arcs read clockwise from the top; the arrowhead closes the loop back to the start.
- arc 1 - p=none Where every domain starts: monitoring, blocking nothing.
- arc 2 - p=quarantine Tightening. Suspicious mail pushed to spam.
- arc 3 - p=reject → arrow Full enforcement. The arrowhead completes the cycle.
Give it room.
Keep clear space of at least half the mark's height on every side. Don't place type or edges inside that margin.
Below 16px, use the single-teal favicon - it stays legible when the graduated version would not.
Wordmark pairing.
Space Grotesk. DMARC in regular, Loop in semibold teal, so the word the mark represents is the word emphasised.
One mark, every surface.
Full colour for hero moments; single-colour and reversed everywhere else. In code, enforcement-loop.svg inherits currentColor, so CSS color sets the mark.
Tokens.
Do & don't.
- Use the supplied SVGs at any size - they're vector.
- Keep the arrowhead at the top; never rotate the mark.
- Use reversed on deep petrol or photography.
- Respect the clearspace.
- Don't recolour outside the palette.
- Don't stretch or distort the proportions.
- Don't add shadows, bevels or effects.
- Don't reorder the arc colours.
Asset files.
All live under /public/brand/ (favicon at /public/favicon.svg).