---
title: "Liatir Branding"
description: "Official Liatir brand assets, colors, and basic usage guidelines."
source: https://liatir.com/branding
---

# Liatir Branding

Use these assets when referencing Liatir in articles, documentation, integrations, marketplace listings, launch pages, or community posts.

## Primary color

  
  
    <strong>#0A948B</strong>
    <button class="copy-button" onclick="navigator.clipboard.writeText('#0A948B').then(() => { const toast = document.querySelector('#primary-color-copied-toast'); toast.classList.add('is-visible'); clearTimeout(window.__liatirCopyToastTimer); window.__liatirCopyToastTimer = setTimeout(() => toast.classList.remove('is-visible'), 1400); });">Copy</button>
    Copied!
  

<details>

<summary> CSS Variables</summary>

---
```css
  --color-liatir: #0A948B;

  var(--color-liatir);
```
---
```css
  --color-liatir-2: #73C3BE;

  var(--color-liatir-2);
```
---
```css
  --color-liatir-3: #A4DAD5;

  var(--color-liatir-3);
```
---
```css
  --color-liatir-soft: rgba(10, 148, 139, 0.12);

  var(--color-liatir-soft);
```

</details>

## Logo assets

 **Downloads:**  <a href="https://liatir.com/static/liatir-logo-kit.zip" download="liatir-logo-kit.zip">Logo kit ↓</a>  |  <a href="https://liatir.com/static/logo/svg/standard/color.svg" download="liatir-logo.svg">SVG only ↓</a>

---

- Use the SVG logo when you need a scalable mark, favicon, or compact brand symbol.
- Use the PNG logo when you need the full Liatir logo in presentations, landing pages, product listings, or visual previews.

  <img
    src="https://liatir.com/static/logo/svg/standard/color.svg"
    style="width: 70px;"
    alt="Liatir SVG icon"
  />

## Usage guidelines

When using the Liatir brand, please keep the logo readable, clear, and visually separated from surrounding elements.

  
    <strong>Use enough spacing</strong>
    Leave clear space around the logo so it does not feel cramped.
  

  
    <strong>Keep proportions</strong>
    Do not stretch, squeeze, rotate, or distort the logo.
  

  
    <strong>Use the official color</strong>
    Use <code>#0A948B</code> as the main accent color when referencing Liatir.
  

  
    <strong>Prefer contrast</strong>
    Place the logo on backgrounds where it remains easy to read.
  

## Short description

You can use this short description when linking to Liatir:

  
    <p>Liatir is a free desktop app that runs bioinformatics tools, AI models, custom plugins, and pipelines locally, keeping your data on your machine while delivering native performance, even with multi-gigabyte files.</p>
    <button class="copy-button" onclick="navigator.clipboard.writeText('Liatir is a free desktop app that runs bioinformatics tools, AI models, custom plugins, and pipelines locally, keeping your data on your machine while delivering native performance, even with multi-gigabyte files.').then(() => { const toast = document.querySelector('#short-description-copied-toast'); toast.classList.add('is-visible'); clearTimeout(window.__liatirCopyToastTimer); window.__liatirCopyToastTimer = setTimeout(() => toast.classList.remove('is-visible'), 1400); });">Copy</button>
    Copied!
  

## Longer description

A more detailed version for product pages, forums, blog posts, directories, press kits, partner listings etc.

  
    <p>Liatir is a free, local-first desktop app for bioinformatics analysis. It brings together tools such as FastQC, Samtools, BCFtools, fastp, and more, advanced AI models, and visual pipelines to connect multiple steps into reusable workflows, in one simple interface. You can also extend the app virtually without limits with your own custom plugins. Your data never leaves your machine while delivering native-speed performance, even on multi-gigabyte files.</p>
    <button class="copy-button" onclick="navigator.clipboard.writeText('Liatir is a free, local-first desktop app for bioinformatics analysis. It brings together tools such as FastQC, Samtools, BCFtools, fastp, and more, advanced AI models, and visual pipelines to connect multiple steps into reusable workflows, in one simple interface. You can also extend the app virtually without limits with your own custom plugins. Your data never leaves your machine while delivering native-speed performance, even on multi-gigabyte files.').then(() => { const toast = document.querySelector('#long-description-copied-toast'); toast.classList.add('is-visible'); clearTimeout(window.__liatirCopyToastTimer); window.__liatirCopyToastTimer = setTimeout(() => toast.classList.remove('is-visible'), 1400); });">Copy</button>
    Copied!
  

## Embeddable badges

<br>

<a class="liatir-badge liatir-badge-dark" href="https://liatir.com" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:14px;padding:14px 18px;min-width:120px;border:1px solid rgba(255,255,255,0.06);border-radius:18px;background:#1f1f1f;color:#ffffff;text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
  
    <img src="https://liatir.com/static/logo/svg/mono/color.svg" alt="Liatir" style="width:100%;height:100%;object-fit:contain;display:block;" />
  
  
    Get started with
    Liatir
  
</a>

```html
<a class="liatir-badge liatir-badge-dark" href="https://liatir.com" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:14px;padding:14px 18px;min-width:120px;border:1px solid rgba(255,255,255,0.06);border-radius:18px;background:#1f1f1f;color:#ffffff;text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
  <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;overflow:hidden;">
    <img src="https://liatir.com/static/logo/svg/mono/color.svg" alt="Liatir" style="width:100%;height:100%;object-fit:contain;display:block;" />
  </span>
  <span style="display:flex;flex-direction:column;line-height:1.05;">
    <span style="color:rgba(255,255,255,0.68);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;">Get started with</span>
    <span style="margin-top:5px;color:#ffffff;font-size:18px;font-weight:800;letter-spacing:-0.03em;">Liatir</span>
  </span>
</a>
```

---

<a class="liatir-badge liatir-badge-light" href="https://liatir.com" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:14px;padding:14px 18px;min-width:120px;border:1px solid rgba(0,0,0,0.05);border-radius:18px;background:#ffffff;color:#111111;text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
  
    <img src="https://liatir.com/static/logo/svg/mono/color.svg" alt="Liatir" style="width:100%;height:100%;object-fit:contain;display:block;" />
  
  
    Get started with
    Liatir
  
</a>

```html
<a class="liatir-badge liatir-badge-light" href="https://liatir.com" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:14px;padding:14px 18px;min-width:120px;border:1px solid rgba(0,0,0,0.05);border-radius:18px;background:#ffffff;color:#111111;text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
  <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;overflow:hidden;">
    <img src="https://liatir.com/static/logo/svg/mono/color.svg" alt="Liatir" style="width:100%;height:100%;object-fit:contain;display:block;" />
  </span>
  <span style="display:flex;flex-direction:column;line-height:1.05;">
    <span style="color:rgba(0,0,0,0.52);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;">Get started with</span>
    <span style="margin-top:5px;color:#111111;font-size:18px;font-weight:800;letter-spacing:-0.03em;">Liatir</span>
  </span>
</a>
```

## Google Drive

Alternatively you can find Liatir branding assets and guidelines here: <br> [Liatir Google Drive shared folder ↗](https://drive.google.com/drive/folders/1Av46enrsxaBSE8XTayEz6oy766uv_BmG?usp=sharing)

## The name Liatir

Wondering what "Liatir" means? [Here's the story](https://liatir.com/introduction/the-name).