> All pages are listed in [llms.txt](https://f3cloud.com/llms.txt), guides are in the [knowledge base](https://docs.f3cloud.com/llms.txt). This page on the site: https://f3cloud.com/en/brand

# Brand guidelines

F3 Cloud brand guidelines. The logo and mark in SVG and PNG, brand colours and the Manrope and Golos Text typefaces. Download the files for articles about us.

The F3 Cloud logo, mark, colours and typefaces. Download the files and use them in materials about us.

[Download everything](https://f3cloud.com/assets/brand/brand-kit.zip)

SVG and PNG in one ZIP file

## Logo

The primary version is the mark with the wordmark. In the files the wordmark is outlined, so no font has to be installed.

Primary [SVG](https://f3cloud.com/assets/brand/f3-logo.svg) [PNG 640](https://f3cloud.com/assets/brand/f3-logo-640.png) [PNG 1280](https://f3cloud.com/assets/brand/f3-logo-1280.png) [PNG 2560](https://f3cloud.com/assets/brand/f3-logo-2560.png)

For dark backgrounds [SVG](https://f3cloud.com/assets/brand/f3-logo-dark.svg) [PNG 640](https://f3cloud.com/assets/brand/f3-logo-dark-640.png) [PNG 1280](https://f3cloud.com/assets/brand/f3-logo-dark-1280.png) [PNG 2560](https://f3cloud.com/assets/brand/f3-logo-dark-2560.png)

Single colour, dark [SVG](https://f3cloud.com/assets/brand/f3-logo-black.svg) [PNG 640](https://f3cloud.com/assets/brand/f3-logo-black-640.png) [PNG 1280](https://f3cloud.com/assets/brand/f3-logo-black-1280.png) [PNG 2560](https://f3cloud.com/assets/brand/f3-logo-black-2560.png)

Single colour, white [SVG](https://f3cloud.com/assets/brand/f3-logo-white.svg) [PNG 640](https://f3cloud.com/assets/brand/f3-logo-white-640.png) [PNG 1280](https://f3cloud.com/assets/brand/f3-logo-white-1280.png) [PNG 2560](https://f3cloud.com/assets/brand/f3-logo-white-2560.png)

## Mark

The cloud with a dot, for avatars, icons and places where the wordmark does not fit.

Primary [SVG](https://f3cloud.com/assets/brand/f3-mark.svg) [PNG 256](https://f3cloud.com/assets/brand/f3-mark-256.png) [PNG 512](https://f3cloud.com/assets/brand/f3-mark-512.png) [PNG 1024](https://f3cloud.com/assets/brand/f3-mark-1024.png)

For dark backgrounds [SVG](https://f3cloud.com/assets/brand/f3-mark-dark.svg) [PNG 256](https://f3cloud.com/assets/brand/f3-mark-dark-256.png) [PNG 512](https://f3cloud.com/assets/brand/f3-mark-dark-512.png) [PNG 1024](https://f3cloud.com/assets/brand/f3-mark-dark-1024.png)

Single colour, dark [SVG](https://f3cloud.com/assets/brand/f3-mark-black.svg) [PNG 256](https://f3cloud.com/assets/brand/f3-mark-black-256.png) [PNG 512](https://f3cloud.com/assets/brand/f3-mark-black-512.png) [PNG 1024](https://f3cloud.com/assets/brand/f3-mark-black-1024.png)

Single colour, white [SVG](https://f3cloud.com/assets/brand/f3-mark-white.svg) [PNG 256](https://f3cloud.com/assets/brand/f3-mark-white-256.png) [PNG 512](https://f3cloud.com/assets/brand/f3-mark-white-512.png) [PNG 1024](https://f3cloud.com/assets/brand/f3-mark-white-1024.png)

## Clear space and minimum size

Keep clear space around the logo at least as wide as the dot. The logo should be no narrower than 96 px on screen and the mark no smaller than 16 px.

Clear space = dot diameter

Logo from 96 px

Mark from 16 px

## Colours

Click a colour to copy its HEX value.

## Typefaces

Both typefaces are licensed under the SIL Open Font License.

Aa

### Manrope

Logo and headings · 500 · 800

Servers without the noise

[Get it on Google Fonts](https://fonts.google.com/specimen/Manrope)

Aa

### Golos Text

Body text · 400 · 500

Virtual servers on AMD and NVMe in European data centres.

[Get it on Google Fonts](https://fonts.google.com/specimen/Golos+Text)

## What to avoid

Stretching or squashing

Changing the colours

Rotating

Busy backgrounds