/ Brand Kit

TLAY brand assets

Official logos, colors and usage guidelines for partners, press and integrators. Vector (SVG) is preferred wherever possible; PNGs are provided with transparent backgrounds for convenience. Please keep the mark intact and follow the guidelines below.

Download all assets ↓

Horizontal lockup

Primary logo. Use in headers, footers and wide spaces.

TLAY horizontal logo, full color
Color · on light SVGPNG
TLAY horizontal logo, single color charcoal
Mono · charcoal SVGPNG
TLAY horizontal logo, white on transparent
White · on dark (transparent) SVGPNG
TLAY horizontal logo, white on navy field
On navy field SVGPNG

Stacked lockup

For square or vertical spaces — avatars, badges, posters.

TLAY stacked logo, full color
Color · on light SVGPNG
TLAY stacked logo, single color charcoal
Mono · charcoal SVGPNG
TLAY stacked logo, white on transparent
White · on dark (transparent) SVGPNG
TLAY stacked logo, white on navy field
On navy field SVGPNG

Icon / node mark

The standalone symbol — app icons, favicons, watermarks.

TLAY node mark, full color
Color · on light SVGPNG
TLAY node mark, single color charcoal
Mono · charcoal SVGPNG
TLAY node mark, white on transparent
White · on dark (transparent) SVGPNG
TLAY node mark, white on navy field
On navy field SVGPNG

Color palette

The node mark uses a vertical blue gradient. Reverse it to white on the navy field. Do not substitute or re-tint.

Gradient — light
#448ED3
Gradient — deep
#2D498E
Navy field
#355085
Charcoal
#393536
White
#FFFFFF

Usage guidelines

Keep the mark clear, legible and unmodified.

Do

  • Prefer the SVG; it stays sharp at any size.
  • On light backgrounds use the colour logo; on black, dark or photographic backgrounds use the White · transparent version. Use On navy field as a ready-made dark asset.
  • Keep clear space around the mark equal to the height of one node.
  • Maintain a minimum width of 24 px for the icon and 96 px for the lockups.

Don't

  • Recolor the mark outside the palette above.
  • Stretch, rotate, skew or add shadows / outlines.
  • Rearrange the nodes or separate the icon from the wordmark in a custom way.
  • Place the color logo on low-contrast or busy backgrounds.

Need another format, the source file, or partner co-branding? Email [email protected].