← Back to gamestd.io

Brand

The gamestd.io logo, colors and type, and the thinking behind them. You're welcome to use them when writing about our games.

Logo

Four pick-up sticks, tossed into a #. Every stick goes over at one crossing and under at the other, so no one stays on top, which is how playing together should feel. Pick-up sticks is also one of the oldest multiplayer games around.

Using the logo

• Use the light-wordmark logo on dark backgrounds and the dark-wordmark logo on light ones.
• The gaps in the weave are transparent, so the mark sits well on photos too.
• Don't put the color mark on orange, teal, violet or gold: the stick in that color disappears.
• Below 48px, use the mark alone. #io reads from about 48px up.
• Give it room: keep clear space around the logo of at least half the mark's height.
• Keep the sticks as they are. Don't straighten them, swap their colors or add effects.

Colors

Four colors, one per stick. Each stands for something every gamestd.io game is.

• Orange leads. The other three support it, so avoid giving all four equal weight in one layout.
• For violet text on dark backgrounds, use the lighter #9B82FF. The base violet is too dark for small text.
• Gold is too faint on white for text. Keep it for shapes and accents on light backgrounds.

Why these four

Our first palette borrowed Microsoft's four logo colors. Microsoft's stand for a portfolio of products, all equal. Ours stand for what playing together feels like, with orange in the lead. Violet also sits in a part of the color wheel that neither Microsoft nor Slack uses.

Microsoft has only said that its colors express "a diverse portfolio of products". The product for each color is widely reported, but not official.

Type

All three are free on Google Fonts.

Questions

Email endel@gamestd.io.