> ## 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.