BRAND STYLE GUIDE: LOGO

Logo

Our logo is the primary visual symbol of our brand — a simple and elegant wordmark with magic symbol representing our brand name.

The lettering is custom made and carries distinct typographic elements to have it's own distinct characteristics.

Our logo is modular and can be splited into three different parts – full wordmark, letter mark and symbol.

Download

Logotype

Wordmark

Magebit company logo with stylized letter M and a star dotting the i.

Registered Trademark

Magebit logo in white text with a star dotting the letter i on a dark blue background.

Symbols

Blue capital letter M with a four-pointed star shape above and to the right.
White four-pointed star shape on a blue background.

Wordmark Construction

Our wordmark is carefully crafted to make sure it fits well within the whole brand system and stands out in the crowd. Sharp lines combined with round shapes are optically adjusted to achieve optimal visual balance.

Clearspace

Clearspace around the logo is equal to the M-height of the wordmark. It gives breathing space and helps the logo to stand out.

Magebit logo and its icon version with spacing guidelines marked by letter M around them.

Clearspace Exceptions

Application icons, profile icons and various objects allow for exception of clearspace rule.

Outline of a smartphone screen with a small app icon featuring a stylized white letter M and a star on a dark blue square background.

Application icons

Magebit logo with white text in a dark blue circle background.

Profile icons

Magebit company logo in white text on a navy blue horizontal bar with rounded right edges and three thin vertical white lines.

In use on various materials

Colour & Scale

Few examples of different layouts with color blocks. Use the same principles on variousOn neutral or blue shade colors the logo is set in one of our primary base colours (white or dark blue) to maintain consistency across all brand materials. On materials with red, green and purple shades use the same shade dark colored logotype. layouts and proportions.

Main colors

Magebit company logo in dark blue text with a star-like dot above the letter 'i'.
Magebit company logo with stylized letter M and star dot on the letter i on a dark blue background.

Additional color use

White stylized letter M with a sparkle icon on the top right corner against a blue background.

White on Tech Blue

Stylized white letter M with a sparkle above the right side on a solid orange background.

White on Neon Red

White stylized letter M with a sparkle above on a green background.

White on Emerald

Makersplace logo with white stylized letter M and star on purple background.

White on Violet

White stylized letter 'M' with a star-like sparkle above the right side on a dark blue background.

White on Space Blue

White stylized letter M with a four-point star above it on a dark brown background.

White on Dark Sienna

White stylized letter M with a sparkle symbol on a dark green background.

White on Forest

White stylized letter M with a star spark on its upper right on a dark purple background.

White on Deep Purple

Dark blue stylized letter M with a sparkle icon above it on a light blue background.

Space Blue on Sky

Stylized letter M with a small star-shaped sparkle on an orange background.

Dark Sienna on Sunset

Black stylized letter M with a small star above the right side on a mint green background.

Forest on Mint

Stylized letter M with a small star shape near its upper right corner on a violet background.

Deep Purple on Lilac

Black stylized letter M with a four-pointed star above on a white background.

Black on White

Stylized black letter M with a small four-point star above it on a light gray background.

Black on Gray 01

Stylized black letter M with a sparkle star above on a gray background.

Black on Gray 02

Stylized letter M with a small star shape above and to the right.

Black on Gray 03

White stylized letter M with a small star symbol above it on a gray background.

White

White stylized letter 'M' with a small star shape above it on a dark gray background.

White on Gray 05

White stylized letter M with a four-point sparkle star above on black background.

White on Gray 06

White stylized letter M with a star-like sparkle above its right side on a black background.

White on Black

Stars

White four-pointed star shape centered on a solid blue square background.

White on Tech Blue

White four-point star shape centered on a solid bright red background.

White on Neon Red

White four-point star shape in the center of a solid emerald green background.

White on Emerald

White four-point star icon centered on a solid purple background.

White on Violet

White diamond-shaped star icon centered on a dark blue background.

White on Space Blue

White four-pointed star shape centered on a dark sienna brown square background.

White on Dark Sienna

White four-point star shape on a dark green background.

White on Forest

White four-point star shape centered on a dark purple background.

White on Deep Purple

Dark blue symmetrical four-pointed star shape on a light blue background.

Space Blue on Sky

Dark sienna four-pointed star shape centered on an orange background.

Dark Sienna on Sunset

Black diamond shape centered on a bright green background.

Forest on Mint

Dark purple four-pointed star shape centered on a light lilac background.

Deep Purple on Lilac

Black four-point star shape with curved edges on a white background.

Black on White

Black diamond shape centered on a light gray background.

Black on Gray 01

Black diamond-shaped star with curved sides centered on a gray background.

Black on Gray 02

Black four-pointed star shape centered on a gray background.

Black on Gray 03

White four-point star shape on a grey background.

White

White four-point star shape centered on a dark gray square background.

White on Gray 05

White four-point star shape centered on a black background.

White on Gray 06

White four-point star shape centered on a black background.

White on Black

Scale

Our logo is designed to scale well in large and small sizes on print and screen. Smallest size for wordmark width: 20 mm or 150 px.

Four rows of the 'magebit' logo in dark blue with a star dotting the 'i', each row decreasing in size, paired with a stylized 'M' and star icon on the right.
Magebit company logo with a 20 mm scale marker underneath on a light gray background.Magebit logo with stylized text and a small star above the 'i'.Black stylized M with a sparkle symbol above it and a 15 mm scale indicator below on a light gray background.Dark blue stylized letter M with a sparkle icon above it on a light gray background, with text '50 PX' below.Dark blue four-pointed star shape with concave sides above a 5 mm scale marker on a gray background.Dark blue four-point star shape with concave curved edges above text '20 PX' on a light gray background.

Logotype placement

The logo placement is flexible but should always be prioritzed to have most brand impact.

Priority Nr. 1

The logo placement is flexible but should always be prioritzed to have most To have most impact, prioritze using centered logotype and not puting any other assets in the same block. When logotype is centered in the block, in most cases it allows us to use it at larger size and improve brand visibility.brand impact.

Priority Nr. 2

In cases where space and composition is tighter and you can't center the logotype, attach it to one of the block corners.

In cases where block isn't wide enough or another element is using the same block as well, you can center the logotype at the bottom.

In all placement cases (except for the center one), use the same margins as other content elements.

Magebit logo centered with surrounding red X marks on a light grid background.

Logotype centering

Ignore ® and Magic star when centering logotype horizontally, while vertically center logotype by letter M height.

Magebit company logo with stylized text and a star above the letter 'i' and a separate 'M' with a star above it.

Profile Icons

Social media profile icons are individually designed based on specifications. They are an exception to the clearspace guidelines and are sized optically to best fit each shape.

Wordmark Icons

Use the wordmark profile icon for public social networks, such as Facebook, Instagram, LinkedIn, etc.

Three pairs of logos with the word 'magebit,' stylized letter 'M' with a sparkle, and a four-point star symbol in navy blue squares and circles.

Logo Guidance

Magebit company logo with stylized blue 'M' and dark blue letters.

Don’t mix or change colours of logotype elements

Magebit logo with a stylized star above the letter 'i' on a navy blue background.

Don't box the logotype, use it cleanly

Black square with dark blue text 'magebit' and an orange prohibition sign in the top left corner.

Don't adjust kerning for logotype

Magebit logo with a stylized star symbol next to the name in dark blue.

Don't adjust any shapes & elements of the logo

Black square with a small red prohibition circle symbol in the top left corner.

Don't alter the angle of the logo

Orange diagonal line crossing a circle over the word 'magebit' in gray text on black background.

Don't use logo on backgrounds with low contrast

magebit.lv logo with a small orange prohibition symbol above the letter m.

Don't add any letters or symbols to logotype

Magebit full service Magento agency logo with orange prohibition symbol in upper left corner.

Don’t add any additional elements to logotype

Logo Summary

01

Modular and adaptable

02

In most use cases - White or Space Blue

03

Prioritize logotype centering in the block when possible

04

Use consistent sizing on same type of materials

01
Introduction
03
Colors