42 lines
3.6 KiB
Markdown
42 lines
3.6 KiB
Markdown
---
|
|
title: Branding
|
|
date: 2024-01-21 10:39:33
|
|
---
|
|
|
|
We're making our SVR.JS branding available for you to download. Please keep them though in their original format, shape and colors.
|
|
|
|
## SVR.JS icon
|
|
<div style="text-align: center">
|
|
<img src="/logo.png" alt="SVR.JS logo" style="width: 80px; background-color: white; display:inline; vertical-align: middle"> <a href="/logo.png" download>Download .png</a> <a href="/logo.svg" download>Download .svg</a><br/>
|
|
<img src="/logo-bw-onblack.png" alt="SVR.JS logo B&W on Black" style="width: 80px; background-color: black; display:inline; vertical-align: middle"> <a href="/logo-bw-onblack.png" download>Download .png</a> <a href="/logo-bw-onblack.svg" download>Download .svg</a><br/>
|
|
<img src="/logo-bw-onwhite.png" alt="SVR.JS logo B&W on White" style="width: 80px; background-color: white; display:inline; vertical-align: middle"> <a href="/logo-bw-onwhite.png" download>Download .png</a> <a href="/logo-bw-onwhite.svg" download>Download .svg</a><br/>
|
|
</div>
|
|
|
|
## SVR.JS logo with name (horizontal layout)
|
|
<div style="text-align: center">
|
|
<img src="/logo-wide.png" alt="SVR.JS logo with name" style="width: 180px; background-color: white; display:inline; vertical-align: middle"> <a href="/logo-wide.png" download>Download .png</a> <a href="/logo-wide.svg" download>Download .svg</a><br/>
|
|
<img src="/logo-wide-white.png" alt="SVR.JS logo with name White" style="width: 180px; background-color: black; display:inline; vertical-align: middle"> <a href="/logo-wide-white.png" download>Download .png</a> <a href="/logo-wide-white.svg" download>Download .svg</a><br/>
|
|
<img src="/logo-wide-bw-onblack.png" alt="SVR.JS logo with name B&W on Black" style="width: 180px; background-color: black; display:inline; vertical-align: middle"> <a href="/logo-wide-bw-onblack.png" download>Download .png</a> <a href="/logo-wide-bw-onblack.svg" download>Download .svg</a><br/>
|
|
<img src="/logo-wide-bw-onwhite.png" alt="SVR.JS logo with name B&W on White" style="width: 180px; background-color: white; display:inline; vertical-align: middle"> <a href="/logo-wide-bw-onwhite.png" download>Download .png</a> <a href="/logo-wide-bw-onwhite.svg" download>Download .svg</a><br/>
|
|
</div>
|
|
|
|
## Powered by SVR.JS badge
|
|
|
|
You can use it to indicate that your website is powered by the SVR.JS web server.
|
|
<div style="text-align: center">
|
|
<img src="/powered.png" alt="Powered by SVR.JS" style="width: 150px; display:inline; vertical-align: middle"> <a href="/powered.png" download>Download .png</a><br/>
|
|
</div>
|
|
|
|
## SVR.JS brand colors
|
|
|
|
<div style="width: 100%; max-width: 480px; margin: auto">
|
|
<div style="color: white; background-color: #007000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#007000</div>
|
|
<div style="color: black; background-color: #00ff00; font-weight: bold; font-size: 1.2em; padding: 0.5em">#00FF00</div>
|
|
<div style="color: white; background-color: #00b000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#00B000</div>
|
|
<div style="color: white; background-color: #00d000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#00D000</div>
|
|
<div style="color: white; background-color: #002000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#002000</div>
|
|
<div style="color: white; background-color: #004f00; font-weight: bold; font-size: 1.2em; padding: 0.5em">#004F00</div>
|
|
<div style="color: white; background-color: #000000; font-weight: bold; font-size: 1.2em; padding: 0.5em">#000000</div>
|
|
<div style="color: black; background-color: #dfffdf; font-weight: bold; font-size: 1.2em; padding: 0.5em">#DFFFDF</div>
|
|
<div style="color: black; background-color: #ffffff; font-weight: bold; font-size: 1.2em; padding: 0.5em">#FFFFFF</div>
|
|
</div>
|