Go to content Go to menu

Logos

Logos are usually the first thing you remember from a brand. It's part of the DNA of the Foyer Identity.

On the following lines you'll get all the information you need to be able to use different variants of our logo. Those variants are part of the evolution of the identity of Foyer. They've been made to match the need on new communication medium.

Foyer Logos

We worked on 3 variations for our logo: Positive, Negative, and Horizontal. All the logos use the same base: 1 pictogram associated with the word Foyer.

Foyer Pictogram with lines used for compositing it.

Positive Logo

The positive logo has to be used on light backgrounds. The background needs to bring enough contrast with the Foyer Blue color #004C92

Negative Logo

The negative logo if for dark or white backgrounds but comes with a blue gradient background with rounded corners. It uses a gradient with 2 colors from #005591 to #0088C9

Horizontal Logo

You can use this version of logo on compact context. Compact context is when you start having lack of rooms to put items on the screen, for example. It's when you need more space for practical concern: logo don't need to occupy all the available room.

Usage Rules

When it comes the time use our logos, respect the followings rules to avoid adding complexity into your interface or to avoid breaking our identity.

Positive Logo

On the positive logo, we used the F letter of Foyer to create spacing around the logo. Nothing from the outside is allowed to cross those visual lines.

Negative Logo

On the negative logo, we used the F letter of Foyer next to the square to create spacing around the logo. Nothing from the outside is allowed to cross those visual lines.

Horizontal Logo

On the horizontal logo, as this version is for compact use case, we used the F letter of Foyer, we rotate it of 90 deg. and put it around the logo. Nothing from the outside is allowed to cross those visual lines.

Size of the logos

The Foyer logo is worked for being readable even in small size. However, you must respect the minimum sizes for each variant. You can go bigger, never smaller.

The minimal width for the positive logo is 10 millimeters or 38 pixels wide.
For the negative logo is 12 millimeters or 45 pixels wide.

Some "Don'ts"

There is a lot of thing you can't do with or logo, because, again, it's a part of who we are. Here are some examples, but feel free to contact us if you need advice.

Contrast

On the three logos above, the use of the positive logo (the one without the square) is made over a to close background color. You need a contrasted enough background, or use the negative logo instead.

Spacing

On the three logos above, distance between picto and text have been alterated (image 1), the spacing between letter have been alterated (image 2) or the picto have been scaled down (image 3). Those variations are not allowed.

Colors

Colors can't be modified at all. The only variants possible are the original blue of Foyer #004C92, the gradient from #005591 to #0088C9 for the square, and the flat black and white versions in case of technical needs.

Shapes

Do not try to remove or change the radius on the square of the negative logo (image 1) or rotate both negative and positive logos (image 2 and 3). The global shape and orientation of the logo have to be kept alike.

Visual Effects

Do not user visual effects like outlining (image 2), shadowing (image 1) or other kind of visual effect like blur or liquid deformations unless the logo is put on an animation context.

"Dos" exceptions

Positive Logo is authorized in white on dark background: darkmode or dark pieces of interface for example.

Some exceptions can be authorized when the context have to override the previous rules: printer with only one colors, or building-related rules when comes the need of architectural harmony for example.

We forgot a lot

We always forgot to illustrate examples for what you can do or not with these logos. If you need any advice on how you can use those, please contact us, we will be please to help you.