Saivage

Appearance

Brand assets ​

Six pixel-art treatments, each with a matching Made with Saivage badge. All are available equally: choose the treatment that suits your surface. The light and dark samples below are independent of this site's theme.

The original SVG is preserved byte-for-byte. The five dark treatments preserve the same 244 ordered artwork rectangles and use self-contained, region-aware palette CSS. Each logo has a native 32×32 viewBox; each badge is 210×44 with native-scale artwork. These are standalone SVG files, not a palette picker.

Original (light treatment)

Download Original (light treatment) logo (SVG)Download Original (light treatment) badge (SVG)

Light sample surface

Saivage — Original (light treatment), 32 pixels, light surface
32×32
Saivage — Original (light treatment), 64 pixels, light surface
64×64
Saivage — Original (light treatment), 128 pixels, light surface
128×128
Made with Saivage — Original (light treatment), light surface

Dark sample surface

Saivage — Original (light treatment), 32 pixels, dark surface
32×32
Saivage — Original (light treatment), 64 pixels, dark surface
64×64
Saivage — Original (light treatment), 128 pixels, dark surface
128×128
Made with Saivage — Original (light treatment), dark surface
Copy embedding examples — Original (light treatment)

Markdown

![Saivage](https://salva.github.io/saivage-v3/brand/saivage-original.svg)

![Made with Saivage](https://salva.github.io/saivage-v3/brand/made-with-saivage-original.svg)

HTML (explicit integer dimensions)

<img src="https://salva.github.io/saivage-v3/brand/saivage-original.svg" alt="Saivage" width="64" height="64" style="image-rendering: pixelated;">
<img src="https://salva.github.io/saivage-v3/brand/made-with-saivage-original.svg" alt="Made with Saivage" width="210" height="44">

Golden blond, lighter peach face

Download Golden blond, lighter peach face logo (SVG)Download Golden blond, lighter peach face badge (SVG)

Light sample surface

Saivage — Golden blond, lighter peach face, 32 pixels, light surface
32×32
Saivage — Golden blond, lighter peach face, 64 pixels, light surface
64×64
Saivage — Golden blond, lighter peach face, 128 pixels, light surface
128×128
Made with Saivage — Golden blond, lighter peach face, light surface

Dark sample surface

Saivage — Golden blond, lighter peach face, 32 pixels, dark surface
32×32
Saivage — Golden blond, lighter peach face, 64 pixels, dark surface
64×64
Saivage — Golden blond, lighter peach face, 128 pixels, dark surface
128×128
Made with Saivage — Golden blond, lighter peach face, dark surface
Copy embedding examples — Golden blond, lighter peach face

Markdown

![Saivage](https://salva.github.io/saivage-v3/brand/saivage-dark-golden-blond.svg)

![Made with Saivage](https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-golden-blond.svg)

HTML (explicit integer dimensions)

<img src="https://salva.github.io/saivage-v3/brand/saivage-dark-golden-blond.svg" alt="Saivage" width="64" height="64" style="image-rendering: pixelated;">
<img src="https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-golden-blond.svg" alt="Made with Saivage" width="210" height="44">

Honey light brown / hazel

Download Honey light brown / hazel logo (SVG)Download Honey light brown / hazel badge (SVG)

Light sample surface

Saivage — Honey light brown / hazel, 32 pixels, light surface
32×32
Saivage — Honey light brown / hazel, 64 pixels, light surface
64×64
Saivage — Honey light brown / hazel, 128 pixels, light surface
128×128
Made with Saivage — Honey light brown / hazel, light surface

Dark sample surface

Saivage — Honey light brown / hazel, 32 pixels, dark surface
32×32
Saivage — Honey light brown / hazel, 64 pixels, dark surface
64×64
Saivage — Honey light brown / hazel, 128 pixels, dark surface
128×128
Made with Saivage — Honey light brown / hazel, dark surface
Copy embedding examples — Honey light brown / hazel

Markdown

![Saivage](https://salva.github.io/saivage-v3/brand/saivage-dark-honey-hazel.svg)

![Made with Saivage](https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-honey-hazel.svg)

HTML (explicit integer dimensions)

<img src="https://salva.github.io/saivage-v3/brand/saivage-dark-honey-hazel.svg" alt="Saivage" width="64" height="64" style="image-rendering: pixelated;">
<img src="https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-honey-hazel.svg" alt="Made with Saivage" width="210" height="44">

Ash light brown / blue-grey

Download Ash light brown / blue-grey logo (SVG)Download Ash light brown / blue-grey badge (SVG)

Light sample surface

Saivage — Ash light brown / blue-grey, 32 pixels, light surface
32×32
Saivage — Ash light brown / blue-grey, 64 pixels, light surface
64×64
Saivage — Ash light brown / blue-grey, 128 pixels, light surface
128×128
Made with Saivage — Ash light brown / blue-grey, light surface

Dark sample surface

Saivage — Ash light brown / blue-grey, 32 pixels, dark surface
32×32
Saivage — Ash light brown / blue-grey, 64 pixels, dark surface
64×64
Saivage — Ash light brown / blue-grey, 128 pixels, dark surface
128×128
Made with Saivage — Ash light brown / blue-grey, dark surface
Copy embedding examples — Ash light brown / blue-grey

Markdown

![Saivage](https://salva.github.io/saivage-v3/brand/saivage-dark-ash-blue-grey.svg)

![Made with Saivage](https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-ash-blue-grey.svg)

HTML (explicit integer dimensions)

<img src="https://salva.github.io/saivage-v3/brand/saivage-dark-ash-blue-grey.svg" alt="Saivage" width="64" height="64" style="image-rendering: pixelated;">
<img src="https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-ash-blue-grey.svg" alt="Made with Saivage" width="210" height="44">

Light chestnut / green

Download Light chestnut / green logo (SVG)Download Light chestnut / green badge (SVG)

Light sample surface

Saivage — Light chestnut / green, 32 pixels, light surface
32×32
Saivage — Light chestnut / green, 64 pixels, light surface
64×64
Saivage — Light chestnut / green, 128 pixels, light surface
128×128
Made with Saivage — Light chestnut / green, light surface

Dark sample surface

Saivage — Light chestnut / green, 32 pixels, dark surface
32×32
Saivage — Light chestnut / green, 64 pixels, dark surface
64×64
Saivage — Light chestnut / green, 128 pixels, dark surface
128×128
Made with Saivage — Light chestnut / green, dark surface
Copy embedding examples — Light chestnut / green

Markdown

![Saivage](https://salva.github.io/saivage-v3/brand/saivage-dark-chestnut-green.svg)

![Made with Saivage](https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-chestnut-green.svg)

HTML (explicit integer dimensions)

<img src="https://salva.github.io/saivage-v3/brand/saivage-dark-chestnut-green.svg" alt="Saivage" width="64" height="64" style="image-rendering: pixelated;">
<img src="https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-chestnut-green.svg" alt="Made with Saivage" width="210" height="44">

Dark blond sand / amber

Download Dark blond sand / amber logo (SVG)Download Dark blond sand / amber badge (SVG)

Light sample surface

Saivage — Dark blond sand / amber, 32 pixels, light surface
32×32
Saivage — Dark blond sand / amber, 64 pixels, light surface
64×64
Saivage — Dark blond sand / amber, 128 pixels, light surface
128×128
Made with Saivage — Dark blond sand / amber, light surface

Dark sample surface

Saivage — Dark blond sand / amber, 32 pixels, dark surface
32×32
Saivage — Dark blond sand / amber, 64 pixels, dark surface
64×64
Saivage — Dark blond sand / amber, 128 pixels, dark surface
128×128
Made with Saivage — Dark blond sand / amber, dark surface
Copy embedding examples — Dark blond sand / amber

Markdown

![Saivage](https://salva.github.io/saivage-v3/brand/saivage-dark-sand-amber.svg)

![Made with Saivage](https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-sand-amber.svg)

HTML (explicit integer dimensions)

<img src="https://salva.github.io/saivage-v3/brand/saivage-dark-sand-amber.svg" alt="Saivage" width="64" height="64" style="image-rendering: pixelated;">
<img src="https://salva.github.io/saivage-v3/brand/made-with-saivage-dark-sand-amber.svg" alt="Made with Saivage" width="210" height="44">

Use the files ​

The examples use absolute public Pages URLs. Copy the text from a treatment's disclosure above. Use an external <img> rather than injecting inline SVG: this keeps each SVG's IDs and palette styles isolated. No scripts, external fonts, stylesheets or images are needed by the files themselves. Badge text uses system fonts, not custom lettering, so its appearance can differ by platform.

For crisp icons, use integer multiples of 32 pixels (32, 64 or 128) and image-rendering: pixelated. The SVG artwork also retains crispEdges. Keep badges at their native 210×44 dimensions; do not squeeze either asset to a fractional size. The previews wrap rather than shrink on narrow screens.

A built Saivage instance serves equivalent asset URLs at /docs/brand/<filename> on that instance's origin. For downloaded files, use the corresponding relative URL, for example ./saivage-original.svg and ./made-with-saivage-original.svg, in place of the absolute URL. Keep the dimensions and meaningful alt text from the HTML examples.