FPS.ms

Design Document for Logo Design and Color Design.

Colors

Color Palette

#ffadc0

#ff748b

#ff669e

#fe63b3

#cd2b6a

#b21f43

Gradient

A gradient background can be used to show the Logo in its full glory.

The colors show a friendly and vibrant palette, which indicates friendly personell, an easy to use interface which everyone feels invited to.

Logo with Text

This shows that the logo would work well in a variety of contexts.

FPS Logo with Text

fps.ms

FPS Logo with Text

fps.ms

FPS Logo with Text

fps.ms

FPS Logo with Text

fps.ms

FPS Logo with Text

fps.ms

FPS Logo with Text

fps.ms


There should be anough spacing so the logo doesn't look cramped.

The font should have around the same thickness as the logos strokes.

The font should be centered next to the logo with ~ 80% of the logos height.


This is an Image:

This is a HTML recreation:

FPS Logo with Text

fps.ms

Logo Sizes

24 Pixels, 32 Pixels, 48 Pixels, 64 Pixels, 128 Pixels

One Color Logo

Colored Logo

Logo DO-NOTS

Incorrect Usages of the Logo

Do not cut off the logo or distort it ❌

Incorrect Logo Usage 1
Incorrect Logo Usage 2

Do not change the colors of the logo ❌

This breaks hue shifting which was intended to be preserved.

Incorrect Logo Usage 3
Incorrect Logo Usage 4

Made with ❤️ by cudlzyou :3