VitabyteVitabyte
Partner sign-in

Leaving vitabyte.com

You will be redirected to the partner sign-in page.

That is the secure portal where you sign in to your account.

https://translink.vitapay.com

Continue
Get Started
Brand assets

The Vitabyte brand, ready to use.

Logos, colours and short guidelines for presenting Vitabyte in articles, partner materials and events.

ZIP, 853 KB: every logo and mark in SVG and PNG, the share image and the guidelines.

Logo

The logo is the mark and the word together. Every PNG has a transparent background; use the SVG wherever the software allows it.

The Vitabyte logo in navy and black, on a light background

Logo, full colour

The full-colour logo for light backgrounds. Use this version wherever you can.

SVG
Vector, 4 KB
PNG
1000 × 231 px, 25 KB
2000 × 463 px, 55 KB
SVGPNG 1000PNG 2000
The Vitabyte logo in white and silver, on a dark background

Logo, reversed

For dark backgrounds and Vitabyte Navy, in white and silver.

SVG
Vector, 8 KB
PNG
1000 × 230 px, 31 KB
2000 × 460 px, 66 KB
SVGPNG 1000PNG 2000
The Vitabyte logo in solid white, on a dark background

Logo, white

One colour, for printing on dark backgrounds.

SVG
Vector, 8 KB
PNG
1000 × 230 px, 23 KB
2000 × 460 px, 51 KB
SVGPNG 1000PNG 2000
The Vitabyte logo in solid black, on a light background

Logo, black

One colour, for printing on light backgrounds.

SVG
Vector, 4 KB
PNG
1000 × 231 px, 19 KB
2000 × 463 px, 44 KB
SVGPNG 1000PNG 2000

Mark

Use the mark alone only where the full logo would be too small to read, or where the name already appears nearby.

The Vitabyte mark in navy and black, on a light background

Mark, full colour

The mark on its own, for small square spaces such as avatars.

SVG
Vector, 1 KB
PNG
1000 × 966 px, 35 KB
2000 × 1932 px, 79 KB
SVGPNG 1000PNG 2000
The Vitabyte mark in white and silver, on a dark background

Mark, reversed

For dark backgrounds and Vitabyte Navy.

SVG
Vector, 1 KB
PNG
1000 × 966 px, 35 KB
2000 × 1932 px, 79 KB
SVGPNG 1000PNG 2000
The Vitabyte mark in solid white, on a dark background

Mark, white

One colour, for printing on dark backgrounds.

SVG
Vector, 1 KB
PNG
1000 × 966 px, 29 KB
2000 × 1932 px, 65 KB
SVGPNG 1000PNG 2000
The Vitabyte mark in solid black, on a light background

Mark, black

One colour, for printing on light backgrounds.

SVG
Vector, 1 KB
PNG
1000 × 966 px, 26 KB
2000 × 1932 px, 61 KB
SVGPNG 1000PNG 2000

Share image and guidelines

The Vitabyte share image: the logo and the line "Payments, operations and data for hospitality groups" on a dark background

Share image

A card for link previews and social posts.

PNG
1200 × 630 px, 45 KB
PNG
The first page of the Vitabyte brand guidelines

Brand guidelines

Logos, clear space, colours and type, on two pages.

PDF
Two pages, 156 KB
PDF

Using the logo

The Vitabyte logo inside a dashed border that marks its clear space
Clear space: half the height of the logo, on every side.
  • Clear space and minimum size. Keep clear space of half the logo height on every side, free of other text, images and edges. On screen, never show the logo smaller than 24 px high.
  • Use the artwork as supplied. Do not recolour, stretch, rotate, outline or redraw the logo, and do not add shadows or effects.
  • Match the background. Use the full-colour logo on light backgrounds and the reversed logo on dark backgrounds and Vitabyte Navy.
  • Keep one colour for one-colour jobs. The white and black versions are for printing where full colour is not possible.
  • Beside VitaPay, keep both equal. Give the two logos the same height, separate them with a thin rule and never merge or recolour them to match.
The logo stretched out of proportion
Do not stretch or squash it.
The logo in colours that are not the brand colours
Do not change its colours.
The logo rotated at an angle
Do not rotate it.
The full-colour logo on a dark background, where it is hard to read
Do not use the full-colour logo on dark backgrounds.

Colours

Vitabyte Navy is the brand colour. Use the logo navy only inside the logo artwork.

  • Vitabyte Navy

    The primary colour, for buttons and fills.

    #2D4770

  • Navy on dark

    Vitabyte Navy on dark backgrounds.

    #6B8BB8

  • Logo navy

    Inside the logo artwork only.

    #003972

  • Dark background

    The default page background.

    #11151C

  • Light background

    A warm grey for light pages.

    #EBE9E5

  • Text on light

    Headings and text on light backgrounds.

    #1E2430

  • Text on dark

    Headings and text on dark backgrounds.

    #DFE5EE

Type

Vitabyte uses the system sans serif of each device: SF Pro on Apple, Segoe UI on Windows and Roboto on Android. There is no brand web font.

Headings are bold (700), buttons semibold (600) and body text regular (400). Figures and phone numbers are set in the system monospace.

Questions about the brand?

For press, partner materials or a format that is not here, get in touch.

solutions@vitabyte.com(718) 576-1224

Sister company VitaPay brand assets

Leaving vitabyte.com

You will be redirected to VitaPay

VitaPay is Vitabyte's payments company. Its website, vitapay.com, covers payment processing, pricing and applying for a merchant account.

https://vitapay.com/brand/

Continue