# LiteTMS-brändipaketti

> Lataa LiteTMS-logo, SVG-vektorit, läpinäkyvät liikemerkit, neliökuvakkeet, väripaletti ja käytännön brändiohjeet.

- Verkkosivu: https://litetms.eu/fi/brand
- Kieli: Suomi (fi)
- Epävirallinen automaattikäännös. Viralliset kieliversiot ovat englanti ja puola. https://litetms.eu/en/brand.md
- Operaattori: CodeJungle Sp. z o. o., Poland, contact@litetms.eu

[Lataa kaikki materiaalit](https://litetms.eu/brand-kit/litetms-brand-kit.zip)

## Logo ja liikemerkki

Kaikissa tiedostoissa on läpinäkyvä tausta. Käytä SVG:tä tarkkaan grafiikkaan missä koossa tahansa tai PNG:tä, kun palvelu vaatii rasterikuvaa.

### Täysi logo

Ensisijainen logo, joka sisältää LiteTMS-nimen. Sijoita se vaalealle taustalle, jotta jokainen kirjain pysyy luettavana.

- [SVG: Skaalautuva vektori](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)

### Liikemerkki

Rajattu liikemerkki kompaktia asettelua varten. Käytä täyttä logoa, kun esittelet LiteTMS:n ensimmäistä kertaa.

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

### Neliömäinen liikemerkki

Keskitetty liikemerkki läpinäkyvillä marginaaleilla. Valmis kumppanihakemistoihin, profiilikuviin ja palveluihin, jotka vaativat neliönmuotoista kuvaa.

- [SVG: Skaalautuva vektori](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)

## Väripaletti

### Logovärit

Logossa käytetyt kolme väriä. Kopioi arvo tai lataa paletti suunnittelutyökaluihisi.

- Taivaansininen: #22A7F0 · RGB 34, 167, 240
- Vihreä: #87D37C · RGB 135, 211, 124
- Punainen: #EF4836 · RGB 239, 72, 54

### Tukivärit

Syvä tummansininen toimii tummana taustana. Musteensävy on neutraali väri markkinointiasetteluissa. Nämä tukevat logovärejä, eivätkä ne ole logon lisävärejä.

- Syvä laivastonsininen: #0F172A · RGB 15, 23, 42
- Muste: #131416 · RGB 19, 20, 22

- [JSON-arvot](https://litetms.eu/brand-kit/litetms-colors.json)
- [CSS-muuttujat](https://litetms.eu/brand-kit/litetms-colors.css)
- [GIMP / Inkscape -paletti](https://litetms.eu/brand-kit/litetms-colors.gpl)

## Typografia

Näitä kirjaintyyppejä käytetään LiteTMS:n markkinointimateriaaleissa. Logon teksti on osa grafiikkaa: käytä toimitettua tiedostoa.

- Otsikot: Barlow Condensed
- Leipäteksti: Inter
- Tekniset merkinnät ja numerot: JetBrains Mono

## Materiaalien käyttö

- **Jätä logolle tilaa:** Jätä ympärille suoja-alue, jonka koko on vähintään neljännes liikemerkin korkeudesta. Pidä neliöaineistojen läpinäkyvä marginaali ennallaan.
- **Säilytä aineiston muoto:** Säilytä alkuperäiset mittasuhteet ja värit. Vältä aineiston venyttämistä, kääntämistä, rajaamista, tehosteiden lisäämistä tai tekstin muokkaamista.
- **Valitse oikea tiedostomuoto:** SVG skaalautuu tarkasti verkkosivustoille ja painotuotteisiin. PNG sopii toimistoasiakirjoihin ja kuvalisäyskenttiin. Käytä neliömerkkiä, kun alusta edellyttää 1:1-kuvasuhdetta.
- **Valmistele painotuotteet kirjapainosi kanssa:** Toimitetut värit ovat RGB-muodossa. Pyydä kirjapainoasi muuntamaan ne valitulle paperille ja painomenetelmälle sopivaan profiiliin ja hyväksy vedos ennen painoa.
- **Kirjoita nimi johdonmukaisesti:** Kirjoita LiteTMS yhtenä sanana tällä isolla ja pienellä kirjainkoolla. Mobiilisovelluksen nimi on LiteTMS Mobile.

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

## Lisää LiteTMS:ltä

- [Etusivu](https://litetms.eu/fi/index.md)
- [Kaikki ominaisuudet](https://litetms.eu/fi/features.md)
- [Kumppaneille](https://litetms.eu/fi/partners.md)
- [Ota yhteyttä](https://litetms.eu/fi/contact.md)
- [Blogi](https://litetms.eu/fi/blog)
- [Kaikki blogikirjoitukset Markdown-muodossa](https://litetms.eu/blog/index.fi.md)
- [Tuotekuvaus tekoälyavustajille (llms.txt)](https://litetms.eu/llms.txt)