# Branding

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

---

## Header

![Mako Header](./img/mako_header_1280x630.svg)

Standard header image for social previews and repository sharing.

---

## Header (TV)

![Mako Header TV](./img/mako_tvBanner_1280x720.svg)

Optimized for TV and wide-screen displays.

## Feature Graphic

![Mako Header TV](./img/mako_featureGraphic_1024x500.svg)

Feature graphic on f-droid.

---

## Icon

### Foreground (Fill)

![Mako Icon Fill](./img/mako_icon_fill.svg)

Primary icon version using solid fill.

---

### Foreground (Negative)

![Mako Icon Negative](./img/mako_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

![Mako Icon Negative Outline](./img/mako_icon_outline.svg)

Outline variant for minimal or subtle UI contexts.

---

## Icon Background

`#305F4A`

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)