Brand

The Boosted logo

One logo, in every arrangement you need: full, compact, stacked, icon only, one colour, animated, and ready-made PNG and favicon files. The shapes, colours and lettering are the original Boosted logo. Nothing was redrawn.

Logo files

Use the full logo wherever there is room. Pick the light file for light backgrounds and the dark file for dark ones.

Full logo, light backgroundsSVGPNG

Full logo, dark backgroundsSVGPNG

Compact, no taglineSVGPNG

Compact, dark backgroundsSVGPNG

Stacked, for square spacesSVGPNG

Stacked, dark backgroundsSVGPNG

Wordmark onlySVG

Wordmark only, darkSVG

Icon

The icon stands in for the logo in small or square places: app icons, favicons, avatars, the WordPress admin menu.

IconSVGPNG

SquareSVGPNG

One colour, blackSVG

One colour, whiteSVG

One colour, indigoSVG

BoltSVG

Use the square icon wherever the system rounds the corners for you (iOS home screen, Android adaptive icons). Use a one-colour icon when only one ink is available, such as the WordPress admin menu, stamps or engraving.

Motion

The tile lands, the two speed arcs sweep round, the bolt strikes, and the name slides in. Use the one-time version for intros and loading screens, and the loop where the logo stays on screen.

Plays once ReplaySVG

Plays once, dark ReplaySVG

Loop, 6 secondsSVG

Loop, darkSVG

Icon, plays once ReplaySVG

Icon, loopSVG

The animated files are plain SVG with the animation inside them. Place them with an <img> tag like any other image; no script is needed.

Clear space and minimum size

Keep a margin around the logo of at least one third of the icon's height (marked x). No text, edges or other logos inside it.

File	Smallest width
Full logo, with tagline	200 px on screen, 50 mm in print
Compact logo	96 px on screen, 25 mm in print
Stacked logo	120 px on screen, 30 mm in print
Icon	16 px on screen, 6 mm in print

Below 200 px the tagline is too small to read, so switch to the compact logo.

Colour

Indigo carries the brand. The bolt is the only place the yellow-to-amber blend appears.

Typography

The word "Boosted" in the logo is artwork. Always use the logo file and never retype it in a font.

What not to do

Don't stretch it

Don't tilt it

Don't recolour it

Don't lose the contrast

• Don't redraw the bolt, the arcs or the lettering, or swap the font.
• Don't add shadows, glows or outlines.
• Don't place the light logo on a dark background, or the dark logo on a light one.
• Don't put the full-colour icon on indigo; use the white one-colour icon there.

Writing our name

• The product is Boosted, with a capital B. Not "boosted", "BOOSTED" or "Boosted Plugin".
• The paid version is Boosted Pro.
• The tagline is Speed • SEO • Cookies.
• On WordPress.org the listing name is "Vyse Digital Boosted". Boosted is made by Vyse Digital.

Website and app files