Skip to content

Assets and guidelines

Brand

Our logo, our colours, and the few rules that come with them.

Resellers, partners and anyone building on our billing modules are welcome to use the Provibr logo. These are the official files, and this is what we ask in return.

Two rules before anything else

Everything further down this page is guidance. These two are not.

  • Do not alter the logo

    Use the files exactly as they are. Do not redraw them, recolour them, rotate them, stretch them, add effects to them or take them apart. If the version you need is not here, ask us for it rather than making it yourself.

  • Report commercial use

    If our logo ends up in something you sell, resell or advertise, tell us before you publish. Editorial use needs no permission: news, reviews, documentation, a comparison, a screenshot of the panel.

    brand@provibr.com

The files

Three SVGs. These are the only official versions; anything else you come across is out of date.

  • Wordmark

    Wordmark

    The mark and the name together. This is the default. Use it wherever there is room for it.

    SVG · 752×212

    Download SVG
  • Wordmark for dark surfaces

    Wordmark for dark surfaces

    The same drawing with light lettering, for dark panels, dark headers and photographs.

    SVG · 752×212

    Download SVG
  • Icon

    Icon

    The mark on its own. For avatars, favicons, app tiles and anywhere our name is already right next to it.

    SVG · 225×225

    Download SVG

Room and size

The logo needs air around it and a floor underneath it.

Clear space

Keep at least half the height of the mark free on every side. Nothing goes in that space: no text, no border, no other logo, no edge of the page.

Wordmark
The dashed area stays empty.

Minimum size

Below these sizes the three strokes of the mark run into each other and the logo turns into a smudge.

  • Wordmark: at least 120 px wide on screen, and 30 mm in print.
  • Icon: at least 24 px, and 8 mm in print.
Wordmark
120 px
Icon
24 px

Backgrounds

Pick the file that matches the surface, and keep the logo clearly separated from whatever is behind it.

  • Wordmark

    Light surfaces

    Use the standard wordmark on white and on light neutrals.

  • Wordmark for dark surfaces

    Dark surfaces

    Use the dark-surface wordmark on dark neutrals and on our own accent colour.

Contrast

Aim for a contrast of at least 3:1 between the logo and its background. On a photograph or a busy pattern, put the logo on a solid panel first.

What we do not allow

These six are the ones we see most often. The rule behind all of them is the same one: the file is the logo.

  • Do not stretch or squash it

    Do not stretch or squash it

  • Do not change its colours

    Do not change its colours

  • Do not rotate or tilt it

    Do not rotate or tilt it

  • Do not add shadows, glows or outlines

    Do not add shadows, glows or outlines

  • Do not lock it into a shape

    Do not lock it into a shape

  • Do not put it on a busy or low-contrast background

    Do not put it on a busy or low-contrast background

And a few more

  • Do not redraw the logo or trace it into another format by hand.
  • Do not use the mark and the name as separate parts of a lockup of your own.
  • Do not set our name in another typeface and present it as our logo.
  • Do not build our logo into your own logo, product name or domain name.

The name in running text

Provibr is one word: a capital P and lower-case letters after it. That does not change at the start of a sentence, in the middle of one, or in a heading.

Do not translate the name, do not put a trademark symbol after it, and do not shorten it.

Right

  • Provibr
  • provibr.com
  • Provibr agent

Wrong

  • ProVibr
  • PROVIBR
  • provibr
  • Pro Vibr

Colours

The mark carries gradients of its own, and those live in the file. Below are the flat colours: the lettering, and the interface palette for anyone building something that has to sit next to Provibr.

Logo

  • Lettering on light surfaces#001B51
  • Lettering on dark surfaces#F5F7FA

The gradients in the mark are part of the drawing. Take them from the SVG; do not rebuild them by hand.

Interface

  • Accent: buttons, links, active states--brand#4f46e5
  • Accent while pressed or hovered--brand-strong#4338ca
  • Accent surface: highlights and notices--brand-soft#eef2ff
  • Page background--canvas#f4f6f8
  • Cards, tables and panels--surface#ffffff
  • Headings and body text--fg#101319
  • Hairlines and borders--line#e2e5ea

Typography

Two families, both under the SIL Open Font License. Get them from the source, so that the licence and the latest version come with them.

  • Geist

    Interface and body text

    Geist
  • Geist Mono

    Numbers, code and small labels

    Geist Mono
  • Space Grotesk

    Display headings on the website

    Space Grotesk
The lettering in the logo is drawn rather than typeset: those letters are outlines and are not available as a font.

Start with one host and one agent

Create an account, install the agent with a single command and connect your first Proxmox host. The trial runs for 14 days and asks for no payment details.