> ## Documentation Index > Fetch the complete documentation index at: https://docs.spreader.sh/llms.txt > Use this file to discover all available pages before exploring further. > ## Agent Instructions > Spreader is a web service that tracks arbitrage spreads between crypto exchanges. This documentation covers only what a user of the service sees and does. > Page paths starting with /en/ are English. Translations live under /ru/ and /uk/ with the same file names. > Screenshots are illustrations. Every screenshot is accompanied by text that states the same facts, so you do not need to see the image. # Брендбук > Логотип Spreader: словесный знак, его версии заглавными буквами и в один цвет, отдельный знак, цвета и правила их использования. Все файлы — SVG. Логотип — слово **Spreader**, набранное Geist SemiBold, где буква S заменена знаком: S-образный маршрут из двух дуг со стрелками. Верхняя дуга — длинная нога, нижняя — короткая, те же два цвета, которыми сканер показывает спреды. Толщина линии знака равна толщине букв. Буквы переведены в кривые, поэтому файлам не нужен шрифт. ## Словесный знак Строчные буквы с чуть разреженным трекингом (+0.02em). Это логотип сервиса по умолчанию. ![Словесный знак Spreader тёмными буквами с зелёно-красным знаком](https://mintcdn.com/develops-6bdfff15/4ZNb5J41l-x7R0lR/images/brand/wordmark-color-on-light.svg?fit=max\&auto=format\&n=4ZNb5J41l-x7R0lR\&q=85\&s=e8affccd89640a23983477931d5e3761) На светлом фоне ![Словесный знак Spreader светлыми буквами с зелёно-красным знаком](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/wordmark-color-on-dark.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=114059bf64060e03532408e0202b2680) На тёмном фоне * [wordmark-color-on-light.svg](https://docs.spreader.sh/images/brand/wordmark-color-on-light.svg) * [wordmark-color-on-dark.svg](https://docs.spreader.sh/images/brand/wordmark-color-on-dark.svg) ## Словесный знак заглавными Заглавные буквы с широким трекингом (+0.08em). Знак центрирован по высоте заглавных. ![Словесный знак SPREADER заглавными буквами с зелёно-красным знаком](https://mintcdn.com/develops-6bdfff15/4ZNb5J41l-x7R0lR/images/brand/wordmark-caps-color-on-light.svg?fit=max\&auto=format\&n=4ZNb5J41l-x7R0lR\&q=85\&s=a907575a33d4bb0806e2ab4fed07d8ed) На светлом фоне ![Словесный знак SPREADER заглавными светлыми буквами на тёмном фоне](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/wordmark-caps-color-on-dark.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=4b12d8f16a7a1ab36e49d8ecf06e1d15) На тёмном фоне * [wordmark-caps-color-on-light.svg](https://docs.spreader.sh/images/brand/wordmark-caps-color-on-light.svg) * [wordmark-caps-color-on-dark.svg](https://docs.spreader.sh/images/brand/wordmark-caps-color-on-dark.svg) ## В один цвет Для мест, где цвет недоступен: печать, гравировка, сторонние каталоги. Белый для тёмных фонов, чёрный для светлых. | Файл | Применение | | - | - | | [wordmark-white.svg](https://docs.spreader.sh/images/brand/wordmark-white.svg) | Строчный словесный знак, белый | | [wordmark-black.svg](https://docs.spreader.sh/images/brand/wordmark-black.svg) | Строчный словесный знак, чёрный | | [wordmark-caps-white.svg](https://docs.spreader.sh/images/brand/wordmark-caps-white.svg) | Словесный знак заглавными, белый | | [wordmark-caps-black.svg](https://docs.spreader.sh/images/brand/wordmark-caps-black.svg) | Словесный знак заглавными, чёрный | ![Словесный знак Spreader белым](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/wordmark-white.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=81b3710b12c09ffdc4e22778839e65b6) Белый на тёмном ![Словесный знак Spreader чёрным](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/wordmark-black.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=f80aa886dac7b786952f83797b502a2b) Чёрный на светлом ## Знак Отдельный S-маршрут для фавиконок, аватаров и малых площадей. ![Знак Spreader зелёным и красным](https://mintcdn.com/develops-6bdfff15/4ZNb5J41l-x7R0lR/images/brand/mark-color-on-light.svg?fit=max\&auto=format\&n=4ZNb5J41l-x7R0lR\&q=85\&s=1e4f2172d87b36d1f747f31b175e56ef) ![Знак Spreader белым](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/mark-white.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=1a0f2e23bee704c51f5f7c2125262a66) ![Знак Spreader чёрным](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/mark-black.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=dd5220bb9bf90b0e04fb1fa8fdc9d8c6) Цветной, белый и чёрный * [mark-color-on-light.svg](https://docs.spreader.sh/images/brand/mark-color-on-light.svg) * [mark-white.svg](https://docs.spreader.sh/images/brand/mark-white.svg) * [mark-black.svg](https://docs.spreader.sh/images/brand/mark-black.svg) ## Аватар Квадратный аватар для мессенджеров, магазинов приложений и профилей в соцсетях: знак на тёмном или светлом квадрате, 1024 × 1024 px. Telegram и большинство сервисов обрезают его в круг, знак лежит внутри безопасной зоны. ![Аватар Spreader, знак на тёмном круге](https://mintcdn.com/develops-6bdfff15/nn-ax1jgZm1_ogNj/images/brand/telegram-avatar-dark.png?fit=max\&auto=format\&n=nn-ax1jgZm1_ogNj\&q=85\&s=b18e14b8c0b82e100e834e9d7ccd2c54) ![Аватар Spreader, знак на светлом круге](https://mintcdn.com/develops-6bdfff15/nn-ax1jgZm1_ogNj/images/brand/telegram-avatar-light.png?fit=max\&auto=format\&n=nn-ax1jgZm1_ogNj\&q=85\&s=a462ab6235a259431a8adf0be9b750e4) Как выглядит обрезка в круг * [telegram-avatar-dark.png](https://docs.spreader.sh/images/brand/telegram-avatar-dark.png), [avatar-dark.svg](https://docs.spreader.sh/images/brand/avatar-dark.svg) * [telegram-avatar-light.png](https://docs.spreader.sh/images/brand/telegram-avatar-light.png), [avatar-light.svg](https://docs.spreader.sh/images/brand/avatar-light.svg) ## Цвета | Роль | На светлом | На тёмном | | - | - | - | | Буквы | `#13161b` | `#e9ebee` | | Длинная нога, верхняя дуга | `#34b3a2` | `#34b3a2` | | Короткая нога, нижняя дуга | `#f0784f` | `#f0784f` | Знак сохраняет те же два цвета на любом фоне, меняются только буквы. ## Правила * Используйте файлы как есть. Не меняйте цвета, трекинг, толщину линии и пропорции. * Не размещайте словесный знак на пёстрых изображениях. Светлую или тёмную версию выбирайте по фону. * Оставляйте вокруг логотипа свободное поле не меньше высоты буквы p. * Стрелки выходят выше и ниже букв намеренно, не обрезайте их. * Минимальные размеры: 20 px высоты для словесного знака, 16 px для знака. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.