# Brand

URL: https://tuios.dev/brand

> A terminal window manager that knows what your agents are doing.

tuios is a terminal window manager: panes, tiling and nine workspaces inside the terminal you already use, with sessions that keep running when you detach and a view of what the coding agents in your panes are doing.

## Tilly

Tilly is the tuios mascot: a small CRT monitor whose screen face is a tiled window layout. The two top panes are the eyes, the wide pane below is a `>_` prompt for a mouth, and the focused pane has a sapphire border.

## Colours

### Accent

Mauve is the tuios colour. Use the Mocha value on dark backgrounds and the Latte value on light ones.

- Mauve (Mocha): `#cba6f7` (Accent on dark)
- Mauve (Latte): `#8839ef` (Accent on light)

### Mocha, for dark backgrounds

The dark logo files, the social preview and the dark banner.

- Crust: `#11111b` (Deepest background)
- Base: `#1e1e2e` (Background)
- Surface 0: `#313244` (Cards and panes)
- Text: `#cdd6f4` (Wordmark on dark)
- Subtext 0: `#a6adc8` (Secondary text)
- Blue: `#89b4fa` (Second accent)

### Latte, for light backgrounds

The light logo files and the light banner. The wordmark on light is Mocha Base, for more contrast than Latte Text.

- Base: `#eff1f5` (Background)
- Mantle: `#e6e9ef` (Cards and panes)
- Crust: `#dce0e8` (Borders)
- Text: `#4c4f69` (Body text)
- Wordmark: `#1e1e2e` (Wordmark on light)
- Blue: `#1e66f5` (Second accent)

### Tilly

Tilly keeps these colours on every background, dark or light. Only the page around Tilly changes.

- Shell: `#cba6f7`
- Shell highlight: `#e5cffc`
- Shell shade: `#a987ea`
- Feet: `#8062cf`
- Outline and screen: `#11111b`
- Pane: `#262637`
- Pane edge: `#45475a`
- Focus border: `#74c7ec`
- Eyes: `#89dceb`
- Prompt: `#a6e3a1`
- Blush: `#f5c2e7`
- Antenna ball: `#f9e2af`

## Type

- Wordmark: Fredoka SemiBold, as outlines. SIL Open Font License 1.1.
- Headings, navigation and code on this site: Monaspace Neon. SIL Open Font License 1.1.
- Running text on this site: the system sans-serif face of the reader's device.

## Downloads

- [The whole kit as a zip](https://tuios.dev/brand/tuios-brand-kit.zip)

### Mark

- Tilly, full body: [SVG](https://tuios.dev/brand/mark.svg), [PNG 512 x 512](https://tuios.dev/brand/mark-512.png), [PNG 128 x 128](https://tuios.dev/brand/mark-128.png)
- Small mark, 32 px: [SVG](https://tuios.dev/brand/mark-32.svg), [PNG 32 x 32](https://tuios.dev/brand/mark-32.png)
- Small mark, 16 px: [SVG](https://tuios.dev/brand/mark-16.svg), [PNG 16 x 16](https://tuios.dev/brand/mark-16.png)

### Wordmark and lockups

- Wordmark, for dark backgrounds: [SVG](https://tuios.dev/brand/wordmark-dark.svg), [PNG 509 x 227](https://tuios.dev/brand/wordmark-dark.png)
- Wordmark, for light backgrounds: [SVG](https://tuios.dev/brand/wordmark-light.svg), [PNG 509 x 227](https://tuios.dev/brand/wordmark-light.png)
- Horizontal lockup, for dark backgrounds: [SVG](https://tuios.dev/brand/lockup-horizontal-dark.svg), [PNG 678 x 360](https://tuios.dev/brand/lockup-horizontal-dark.png)
- Horizontal lockup, for light backgrounds: [SVG](https://tuios.dev/brand/lockup-horizontal-light.svg), [PNG 678 x 360](https://tuios.dev/brand/lockup-horizontal-light.png)
- Stacked lockup, for dark backgrounds: [SVG](https://tuios.dev/brand/lockup-stacked-dark.svg), [PNG 413 x 570](https://tuios.dev/brand/lockup-stacked-dark.png)
- Stacked lockup, for light backgrounds: [SVG](https://tuios.dev/brand/lockup-stacked-light.svg), [PNG 413 x 570](https://tuios.dev/brand/lockup-stacked-light.png)

### App icons

- App icon: [SVG](https://tuios.dev/brand/app-icon.svg), [PNG 1024 x 1024](https://tuios.dev/brand/app-icon-1024.png), [PNG 512 x 512](https://tuios.dev/brand/app-icon-512.png)
- Web and touch icons: [PNG 180 x 180](https://tuios.dev/apple-touch-icon.png), [PNG 192 x 192](https://tuios.dev/icon-192.png), [PNG 512 x 512](https://tuios.dev/icon-512.png)
- Favicon: [SVG](https://tuios.dev/favicon.svg), [ICO 16, 32, 48](https://tuios.dev/favicon.ico)

### Social and README

- Social preview: [PNG 1280 x 640](https://tuios.dev/brand/social-preview.png)
- README banner, dark: [SVG](https://tuios.dev/brand/banner-dark.svg), [PNG 1600 x 400](https://tuios.dev/brand/banner-dark.png)
- README banner, light: [SVG](https://tuios.dev/brand/banner-light.svg), [PNG 1600 x 400](https://tuios.dev/brand/banner-light.png)

## Using the logo and Tilly

The tuios source code is MIT licensed. The name, the logo and Tilly are how people recognise the project, so they come with a few plain rules of their own.

- Use the logo, the wordmark and Tilly to link to tuios, or to write, talk or teach about it: in articles, videos, slides, package listings, and pages for tools that work with tuios.
- Use the files as they are, no smaller than the minimum sizes on the brand page.
- Do not alter the mark: no new colours, stretching, redrawing, outlines, effects or added parts.
- Do not imply that tuios or its maintainer endorses, sponsors or made your product.
- Do not use the logo or Tilly as part of your own product's name, logo or icon.

Ask before any commercial use of Tilly, such as stickers or merchandise for sale, or Tilly in the marketing of a paid product. Open an issue on GitHub to ask: https://github.com/Gaurav-Gosain/tuios-docs/issues