SnowOps logo — vector master ("Signet")¶
The SnowOps mark is the Signet: a stone seal cleft clean through by a checkmark of negative space, with the small shard the cut creates rendered in the Action color (persimmon). The name shares the Latin root signum with the "Signal" brand system. The mark is the thesis — everyone else prints a checkmark on a badge; ours runs through the material: compliance built in, not bolted on. See ../../01-brand-system.md §2.
These SVGs are the vector master — resolution-independent and exact. The check is a true knockout (transparent), so it takes on whatever sits behind the mark. Everything is editable in any free tool (Figma, Inkscape, Penpot, Boxy SVG) or by hand.
Files¶
| File | What it is | Use on |
|---|---|---|
snowops-mark.svg |
Full-color mark | Light backgrounds |
snowops-mark-ondark.svg |
Colors lifted for dark | Dark backgrounds |
snowops-mark-mono-black.svg |
Single-ink (#1B1C1A) silhouette; check still reads |
1-color print on light |
snowops-mark-mono-white.svg |
Single-ink white silhouette | Knockout on dark/photo |
snowops-favicon.svg |
Wider check carve so the cut stays legible small | Favicon / ≤24px |
snowops-lockup-horizontal.svg |
Mark + "SnowOps" wordmark, side by side | Site header, email signature, doc headers |
snowops-lockup-stacked.svg |
Mark above wordmark | Covers, social avatars, square spaces |
Colors (from the locked palette): stone #2B4C7E with a lighter right shard #3D659E; the cut shard #EE6C4D; wordmark "Snow" #1B1C1A + "Ops" #2B4C7E. On dark: stone #7BA6DE / #5E86C0, shard #F07C5C.
How the mark is constructed (so an editor understands it)¶
Each SVG uses an SVG <mask>: the stone shape is the mask (white = visible), and the checkmark is a black stroked path inside the mask, which subtracts the check from the stone — that's the negative-space cut. Inside the masked area, three flat fills paint the stone body, the lighter right shard, and the persimmon lower-left shard. To adjust the check thickness, change the stroke-width on the check path (mark = 4.6, favicon = 6.6).
The one finishing step: outline the wordmark¶
The lockup SVGs render the wordmark as live text in IBM Plex Sans. Fine for web; for a fully portable master, convert the text to outlines so it renders without the font installed:
Inkscape (free, offline — recommended): install IBM Plex Sans (fonts.google.com/specimen/IBM+Plex+Sans), open a lockup, select the wordmark → Path → Object to Path (⇧⌘C), save. Figma (free, browser): paste the SVG, select the text → Outline text, export.
The mark files need nothing — they're already pure geometry.
Exporting PNGs (free)¶
- Inkscape: File → Export → PNG at a set size (favicon 16/32/48; social avatar 512; general 1024). CLI:
inkscape snowops-mark.svg --export-type=png -w 512. - Figma: select the frame → Export → PNG at 1×/2×/4× or a fixed size.
- Favicon bundle: drop
snowops-favicon.svginto realfavicongenerator.net for the full icon set.
Rules (from the brand system)¶
- The Action color (persimmon) appears only on the cut shard — never recolor the whole stone with it. In mono versions the whole mark is one ink and the check still reads as a cut.
- Clear space ≥ ½ the mark's height on all sides. Minimum size: mark 16px (use the favicon carve at ≤24px); wordmark ≥ 90px wide.
- Don't add gradients, shadows, or rotate the mark. Don't stretch (keep aspect ratio). Don't fill the check with a color — it must stay a knockout.
⚠️ Before public launch¶
Signet is the selected direction, but run these clearance checks before you put it on anything public (see ../../01-brand-system.md §2): a reverse-image search (Google Images + TinEye) on an exported PNG, and a trademark search (USPTO / EUIPO / IP India) on the device mark in the SaaS/IT-consulting classes. Negative-space checkmarks are a known device; this specific composition is distinctive, but clearance is a real-world gate, not a formality.