Connecting values, delivering trust
Provenance
The monogram is vectorised straight from the original SAVIO artwork — the swash on the S, the weight shifts through the ring, the way the V pierces it are the drawn shapes, not a font that resembles them. The wordmark and tagline are the opposite: cut fresh from Garamond and a condensed grotesque. Tracing them carried the scan's wobble into the outline, which reads as mush once the letters are extruded and lit. All files paint with currentColor, so one asset serves every colourway.
Construction
The mark is not a stack of initials. The S is set proud and swashed; the V is cut wider and slides beneath it; the round counter their crossing leaves is the O. All three letters of the name are present, but only two are drawn.
Crossing rule
Where a letter meets the ring, a channel opens on either side so the two shapes stay legible as separate strokes: 0.021 D at the S, which is how the original drew it, and 0.026 D at the V, cut wider because the bevel on the dimensional build eats into it. The V's tip carries 0.011 D past the ring's outer edge, so the pierce reads as deliberate rather than as a collision.
Proportions
Every value below was read back off the drawn shapes and is stated as a multiple of D, the ring diameter. D itself comes from a least-squares circle fit across 3,757 samples of the ring's outer edge; the drawn ring holds that circle to within 0.34% of its radius, so treating it as a true circle when you rebuild is safe.
| Dimension | Units | Ratio | Note | |
|---|---|---|---|---|
| D | Ring diameter | 153.302 | 1.000 D | Circle fit over 3,757 boundary samples. |
| R | Monogram height, incl. V tip | 155.207 | 1.012 D | The tip is the only thing below the ring. |
| W | Wordmark width | 224.740 | 1.466 D | Set wider than the monogram on purpose. |
| M | Monogram to wordmark | 16.160 | 0.105 D | Opened up so the two read as separate marks. |
| N | Wordmark to tagline | 20.780 | 0.136 D | Holds the tagline clear of the capitals. |
| T | Tagline width | 286.310 | 1.868 D | Tracked out to span wider than the wordmark. |
| G | V crossing channel | 3.908 | 0.025 D | Widened so it survives the bevel in 3D. |
| H | S crossing channel | 3.175 | 0.021 D | As drawn in the original; left untouched. |
| P | V tip beyond ring | 1.701 | 0.011 D | Enough to read as piercing, not as a mistake. |
Colour
Gold is the only saturated colour in the system — spend it on the mark and nothing else. Navy exists so the identity survives places gold cannot go: app icons, single-colour print, embroidery.
Primary. The mark, rules, and accents.
Secondary ground. App icons, solid-colour builds.
Lettering on light grounds.
Light application ground. Stationery, print.
Applications
Each panel below is the same file with one CSS property changed. That is the whole point of shipping currentColor artwork.
Dimensional
The 3D build imports the shipped curves directly, so the rendered lockup and the flat one are the same geometry — nothing was re-modelled by eye. Depth is set per band, since a bevel sized for the ring would swallow the tagline whole. The bevel also pushes every outline outward, which quietly closes the crossing channels; pulling the outline back by the same amount reopens them without changing the silhouette.
Usage
A quarter of the ring diameter, measured from the artwork edge. Nothing crosses it — no type, no rules, no photograph edge.
At the full lockup's minimum the tagline sits near 6px tall. Under that, switch to the compact lockup; under 90px, use the mark alone. The mark itself holds down to about 32px — below that the swash closes up.
Assets
All vector files are outlined paths — no font has to be installed anywhere for them to render correctly.
| File | Contains | Colour | Use for |
|---|---|---|---|
| savio-lockup.svg | Monogram, wordmark, tagline | currentColor | The full signature |
| savio-lockup-compact.svg | Monogram + wordmark | currentColor | Under 260px, where the tagline fails |
| savio-mark-traced.svg | Monogram only | currentColor | Avatars, stamps, tight spaces |
| letter-s / v / o.svg | Single letters | currentColor | The construction diagram |
| savio-lockup-3d.png | Lockup, rendered | Gold metal | Hero placements on dark |
| savio-mark-3d-alpha.png | Mark, rendered | Transparent | Compositing over any ground |
| savio-3d.blend | Blender scene | — | Re-rendering at other angles or metals |
| favicon.svg / .ico | Mark | Navy | Browser tab |
| apple-touch-icon.png | Mark on navy | 180px | iOS home screen |
| icon-192 / 512.png | Mark on navy | Rounded | PWA, Android |
| icon-maskable-512.png | Mark on navy | 60% safe zone | Android adaptive icons |