Horizontal lockup
Primary logo. Use in headers, footers and wide spaces.
Stacked lockup
For square or vertical spaces — avatars, badges, posters.
Icon / node mark
The standalone symbol — app icons, favicons, watermarks.
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 info@tlay.io.