Flicko Logo
Back to Home
Style GuideFlicko Identity

Brand
Assets

Download official vector logos, copy precise color palettes, and reference typography rules to align your integrations with the Flicko brand.

Logo Lockups

Flicko is represented by our customized icon and geometric logomark. Please maintain clear margins.

On Pitch Black (Primary)

On Pitch Black (Primary)

On Electric Violet

On Electric Violet

On Pure White

On Pure White

Brand Colors

Our official colors balance Electric Violet and Neon Lime against deep blacks to maximize visibility.

#7D39EB

Electric Violet

Primary brand color. Used for main buttons, branding highlights, and key gradients.

#C6FF33

Neon Lime

Secondary accent. Used for interactive hover states, badges, callouts, and high energy highlights.

#000000

Pitch Black

Base layout background. Emphasizes the vibrant contrast of Violet and Lime.

#FFFFFF

Pure White

Text overlay, standard icon displays, and high-readability items.

Typography

All typefaces use GG Sans Bold. The semantic names (Shliterin, Astra, Glitz, Anta, Hubot) define usage roles, not separate font files.

Type Role
GG Sans (Shliterin)
ABCDEFGHIJKLM

Hero headlines, major section titles, and premium display graphics. Use font-shliterin class.

Type Role
GG Sans (Astra)
Flicko Launcher

Sub-headers, UI labels, and brand lockups. Use font-astra class.

Type Role
GG Sans (Glitz)
PLAY NOW

Action buttons, pill tags, badges, and retro-futuristic callouts. Use font-glitz class.

Type Role
GG Sans (Anta)
Active lobbies: 42

Navigation menus, table columns, lists, and interactive UI text. Use font-anta class.

Type Role
GG Sans (Hubot)
Flicko is built for friends.

Paragraph copy, legal notes, tooltips, and general description layouts. Use font-hubot class.

Guidelines

Follow these simple guidelines to make sure Flicko looks consistent across layouts.

Do's

  • Use the Flicko icon lockup to link to our services
  • Adopt the Electric Violet and Neon Lime as your primary colors
  • Maintain adequate padding (clearspace) around the logo mark
  • Use Hubot Sans for body copy and general layout items
  • Keep background grids dark to preserve neon color contrasts

Don'ts

  • Modify the logo mark or replace the symbol with obsolete blue logos
  • Skew, tilt, rotate, or add heavy drop shadows directly to the branding text
  • Swap the color roles (e.g., using lime for bulk body text or violet for alerts)
  • Merge your own app icon into the Flicko logo to suggest partnerships
  • Decompress or distort the custom fonts beyond standard styling rules