# The LiteTMS brand kit

> Download the LiteTMS logo, SVG artwork, transparent logomarks, square icons, color palette and practical brand guidelines.

- Web page: https://litetms.eu/en/brand
- Language: English (en)
- Operator: CodeJungle Sp. z o. o., Poland, contact@litetms.eu

[Download all assets](https://litetms.eu/brand-kit/litetms-brand-kit.zip)

## Logo and logomark

All files have a transparent background. Use SVG for sharp artwork at any size, or PNG when a service requires an image.

### Full logo

The primary logo, including the LiteTMS name. Place it on a light background so every letter stays readable.

- [SVG: Scalable vector](https://litetms.eu/brand-kit/litetms-logo.svg)
- [PNG: 512 × 177 px](https://litetms.eu/brand-kit/litetms-logo-512.png)
- [PNG: 2048 × 707 px](https://litetms.eu/brand-kit/litetms-logo-2048.png)

### Logomark

The cropped mark for compact layouts. Use the full logo when introducing LiteTMS for the first time.

- [SVG: Scalable vector](https://litetms.eu/brand-kit/litetms-logomark.svg)
- [PNG: 431 × 512 px](https://litetms.eu/brand-kit/litetms-logomark.png)

### Square logomark

A centered mark with transparent padding. Ready for partner directories, avatars and services that require a square image.

- [SVG: Scalable vector](https://litetms.eu/brand-kit/litetms-logomark-square.svg)
- [PNG: 512 × 512 px](https://litetms.eu/brand-kit/litetms-logomark-square-512.png)
- [PNG: 1024 × 1024 px](https://litetms.eu/brand-kit/litetms-logomark-square-1024.png)

## Color palette

### Logo colors

The three colors used in the supplied logo. Copy a value or download the palette for your design tools.

- Sky blue: #22A7F0 · RGB 34, 167, 240
- Green: #87D37C · RGB 135, 211, 124
- Red: #EF4836 · RGB 239, 72, 54

### Supporting colors

Deep navy works as a dark background. Ink is a neutral used in marketing layouts. These support the logo colors; they are not additional logo colors.

- Deep navy: #0F172A · RGB 15, 23, 42
- Ink: #131416 · RGB 19, 20, 22

- [JSON values](https://litetms.eu/brand-kit/litetms-colors.json)
- [CSS variables](https://litetms.eu/brand-kit/litetms-colors.css)
- [GIMP / Inkscape palette](https://litetms.eu/brand-kit/litetms-colors.gpl)

## Typography

These typefaces are used in LiteTMS marketing layouts. The lettering inside the logo is part of the artwork: use the supplied file.

- Headlines: Barlow Condensed
- Body copy: Inter
- Technical labels and numbers: JetBrains Mono

## Using the assets

- **Give the logo room:** Keep clear space on every side, at least one quarter of the logomark height. Leave the transparent padding in square assets intact.
- **Preserve the artwork:** Keep the original proportions and colors. Avoid stretching, rotating, cropping the artwork, adding effects or rebuilding the lettering.
- **Choose the right format:** SVG scales cleanly for websites and print. PNG is useful for office documents and image upload fields. Use a square mark when a platform asks for a 1:1 image.
- **Prepare print with your printer:** The supplied colors are RGB. Ask your printer to convert them using the profile for the chosen paper and process, then approve a proof.
- **Write the name consistently:** Write LiteTMS as one word with this capitalization. The mobile app is called LiteTMS Mobile.

- [English · TXT](https://litetms.eu/brand-kit/litetms-guidelines-en.txt)
- [Polish · TXT](https://litetms.eu/brand-kit/litetms-guidelines-pl.txt)

## More from LiteTMS

- [Home](https://litetms.eu/en/index.md)
- [All features](https://litetms.eu/en/features.md)
- [For Partners](https://litetms.eu/en/partners.md)
- [Contact](https://litetms.eu/en/contact.md)
- [Blog](https://litetms.eu/en/blog)
- [Every blog post as markdown](https://litetms.eu/blog/index.en.md)
- [Product brief for AI assistants (llms.txt)](https://litetms.eu/llms.txt)