# Branding

This document defines the official visual assets and usage guidelines for Tui.

---

## Header

![Tui Header](./img/tui_header_1200x630.svg)

Standard header image for social previews and repository sharing.

---

## Header (TV)

![Tui Header TV](./img/png/tvBanner.png)

Optimized for TV and wide-screen displays.

## Feature Graphic

![Tui Header TV](./img/png/featureGraphic.png)

Feature graphic on f-droid.

---

## Icon

### Foreground (Fill)

![Tui Icon Fill](./img/tui_icon_fill.svg)

Primary icon version using solid fill.

---

### Foreground (Negative)

![Tui Icon Negative](./img/tui_icon_negative.svg)

The negative variant can be used with any background color.  
For demonstration purposes, green is used to showcase visibility in both light and dark markdown
previews.

---

### Icon Outline

![Tui Icon Negative Outline](./img/tui_icon_outline.svg)

Outline variant for minimal or subtle UI contexts.

---

## Icon Background

`#46637D`

Primary background color used behind the icon when needed.

---

## Usage Notes

- Do not distort, rotate, or alter the proportions of the assets.
- Maintain sufficient contrast between the icon and its background.
- Prefer the fill version for primary branding and the negative/outline versions for contextual use.

---

[Go Back To Readme](../readme.md)