Media Guidelines

Guidelines how to use our logo on your websites.

Here are some basic guidelines on how to use the BGP.Exchange logo on your website.
You are free to use our logo on your website, but please adhere to these simple guidelines.

General BGP.Exchange Guidelines

Please note that you are not allowed to change the logo in any kind nor can you adjust the colors.
Only exception for this is when you use grayscale for hover effects.

Download

Download logo.svg Download logos.zip

Logo Type

We highly advice to use the inline svg icon, because of the build in support for multiple light/dark mode support.
If this is not possible for whatever reason then we advice to use the svg icon as an image.

Color usage

The white text logo must be used on dark website theme's
The black text logo must be used on light website theme's

To aide in this proccess the svg of the logo has include css styles for light & dark theme support.
Adding the class "dark" to the svg would trigger the css style for dark mode websites. If no class is defined then the light style will be used.

In cases this isn't working with the gradient effect, you can also include the following svg code before the logo is called:


        
<svg class="size-0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="2.0">
    <defs>
        <linearGradient xlink:href="#internalBGPElogogradient" id="bgpelogogradient" x1="-141.137" x2="118.572" y1="94.5" y2="94.5" gradientUnits="userSpaceOnUse"/>
        <linearGradient id="internalBGPElogogradient">
            <stop offset="0" class="gradientStart" style="stop-opacity:1"/>
            <stop offset="1" class="gradientStop" style="stop-opacity:1"/>
        </linearGradient>
    </defs>
</svg>

Margin

Default

Y-axis: 1.5 (or multiples)
X-axis: 1.25 (or multiples)

At start of parent element

Y-axis: 1.5 (or multiples)
X-axis: beginning of logo element 0 or your default to align beginning elements
X-axis: end of logo element 1.25 (or multiples)

At end of parent element

Y-axis: 1.5 (or multiples)
X-axis: beginning of logo element 1.25 (or multiples)
X-axis: end of logo element 0 or your default to align beginning elements

Padding

When used without borders or boxes

No padding required if margins are respected

When used with borders or boxes

Y-axis: 1.25 (or multiples)
X-axis: 1.5 (or multiples)

Exceptions

We do allow exceptions in rare cases, if you want to use the logo in other ways then what the guidelines dictate.
Please contact us, so we can discuss if the usage you want is allowed and accepted.

Basic Examples

Allowed

Not Allowed

Donate to support us!

BGP.exchange is a non-profit organization and free for members, you can support us by donating.

find out how you can donate