BRAND & VISUAL IDENTITY

Typefaces, colour codes, logo and the rules that keep TrySomeGames consistent.

LOGO

TrySomeGames
TSG

The wordmark TRYSOMEGAMES: TRY in red, SOME in orange, GAMES in yellow. The abbreviation TSG: T red · S orange · G yellow — the rest white.

TYPEFACES

All four typefaces are free to use under the SIL Open Font License.

Press Start 2PHeadings, logo, buttons and labels. Always uppercase.
'Press Start 2P', monospace
TRYSOMEGAMES
VT323Body copy and longer texts.
'VT323', monospace
TrySomeGames is an independent game project from Sweden.
Space MonoSubheadings and technical labels.
'Space Mono', monospace
Achievements · Leaderboards · Profiles
RubikDescriptions and helper text.
'Rubik', sans-serif
Free browser games, no downloads required.

BASE COLOURS

Background#262626 · --tsgbg
Background dark#1F1F1F · --tsgbg2
Card#2E2E2E · --tsgcard
Card light#363636 · --tsgcard2
Input#333333 · --tsginp
Border#3A3A3A · --tsgborder
White text#FFFFFF · --tsgwhite
Muted text#EBEBEB · --tsgmuted
Dim text#D4D4D4 · --tsgdim
Body text#F4F4F4 · --tsg-body-color

COLOUR CYCLE

Used in this order for lists, game cards, accents and pixel rain. Red, orange and yellow are required.

  1. 1. Red#F5222D · --tsgred · required
  2. 2. Orange#FA541C · --tsgorange · required
  3. 3. Yellow#FAAD14 · --tsgyellow · required
  4. 4. Green#37B24D · --tsggreen
  5. 5. Pink#EB2F96 · --tsgpink
  6. 6. Purple#9851E0 · --tsgpurple
  7. 7. Blue#1890FF · --tsgblue
  8. 8. Cyan#13C2C2 · --tsgcyan
  9. 9. Lime#A0D911 · --tsglime

RULES

  • Headings are white and semi-bold with a colored square (■) marker in front — the default color is orange #FA541C.
  • Body text is light (#F4F4F4) on a dark background (#262626). Never dark text on a dark background.
  • The color cycle is used in order for lists, cards and accents: red → orange → yellow → green → pink → purple → blue → cyan → lime, then it repeats.
  • Red, orange and yellow are required and must always be part of the cycle.
  • The TRYSOMEGAMES logo uses T in red, S in orange, G in yellow.
  • Buttons have hard pixel shadows (e.g. 4px 4px 0 black) and uppercase Press Start 2P text.
  • Primary button: orange #FA541C with white text. Secondary button: dark card color with a border.
  • Cards lift with the game's or section's accent color on hover.
  • The same header and footer are used on every page.
  • Prices are shown in euro including VAT; the maximum donation is €100.