SAVIO  Identity Logo system & usage
The SAVIO lockup rendered in gold metal

Connecting values, delivering trust

Provenance

A traced monogram, set type

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.

The mark
Compact lockup
Full lockup

Construction

Three letters, two drawn

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.

Sadik
+
Tanvir
+
Bonding
=
The mark

Crossing rule

Letters cross the ring; they never fuse with it

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.

S over the ring
V through the ring

Proportions

Measured off the artwork

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.

D
DimensionUnitsRatioNote
DRing diameter153.3021.000 DCircle fit over 3,757 boundary samples.
RMonogram height, incl. V tip155.2071.012 DThe tip is the only thing below the ring.
WWordmark width224.7401.466 DSet wider than the monogram on purpose.
MMonogram to wordmark16.1600.105 DOpened up so the two read as separate marks.
NWordmark to tagline20.7800.136 DHolds the tagline clear of the capitals.
TTagline width286.3101.868 DTracked out to span wider than the wordmark.
GV crossing channel3.9080.025 DWidened so it survives the bevel in 3D.
HS crossing channel3.1750.021 DAs drawn in the original; left untouched.
PV tip beyond ring1.7010.011 DEnough to read as piercing, not as a mistake.

Colour

Gold carries it; navy holds it

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.

Signal Gold#C9A227 rgb(201 162 39)

Primary. The mark, rules, and accents.

Deep Navy#12305B rgb(18 48 91)

Secondary ground. App icons, solid-colour builds.

Ink#141821 rgb(20 24 33)

Lettering on light grounds.

Cream#EFECE6 rgb(239 236 230)

Light application ground. Stationery, print.

Applications

Three grounds it has to hold

Each panel below is the same file with one CSS property changed. That is the whole point of shipping currentColor artwork.

Gold on black · hero
Ink on cream · print
White on navy · reversed

Dimensional

The same curves, given depth

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.

The SAVIO mark rendered in gold metal
Source
the shipped SVG curves
Monogram
0.098 / bevel 0.0083
Wordmark
0.039 / bevel 0.0030
Tagline
0.017 / bevel 0.0011
Outline offset
−bevel, where gaps are tight
Material
metallic 1.0, roughness 0.21
Render
Cycles, 448 samples

Usage

Clear space and the size floor

Keep D / 4 clear on every side

A quarter of the ring diameter, measured from the artwork edge. Nothing crosses it — no type, no rules, no photograph edge.

Mark 34px
Compact 92px

Below 260px, drop the tagline

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

What ships

All vector files are outlined paths — no font has to be installed anywhere for them to render correctly.

FileContainsColourUse for
savio-lockup.svgMonogram, wordmark, taglinecurrentColorThe full signature
savio-lockup-compact.svgMonogram + wordmarkcurrentColorUnder 260px, where the tagline fails
savio-mark-traced.svgMonogram onlycurrentColorAvatars, stamps, tight spaces
letter-s / v / o.svgSingle letterscurrentColorThe construction diagram
savio-lockup-3d.pngLockup, renderedGold metalHero placements on dark
savio-mark-3d-alpha.pngMark, renderedTransparentCompositing over any ground
savio-3d.blendBlender sceneRe-rendering at other angles or metals
favicon.svg / .icoMarkNavyBrowser tab
apple-touch-icon.pngMark on navy180pxiOS home screen
icon-192 / 512.pngMark on navyRoundedPWA, Android
icon-maskable-512.pngMark on navy60% safe zoneAndroid adaptive icons