> ## 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. # Brand book > The Spreader logo: the wordmark, its all caps and single colour versions, the mark alone, the colours and the rules for using them. All files are SVG. The logo is the word **Spreader** set in Geist SemiBold where the letter S is replaced by the mark: an S shaped route of two arcs with arrowheads. The upper arc is the long leg, the lower arc the short leg, the same two colours the scanner uses for spreads. The stroke of the mark is as thick as the letters. Letters are converted to curves, so the files need no font. ## Wordmark Lowercase with a slightly looser tracking (+0.02em). This is the default logo of the service. ![Spreader wordmark in dark letters with a green and red mark](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) On a light background ![Spreader wordmark in light letters with a green and red mark](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/wordmark-color-on-dark.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=114059bf64060e03532408e0202b2680) On a dark background * [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) ## Wordmark, all caps All caps with a wide tracking (+0.08em). The mark is centred on the cap height. ![SPREADER wordmark in capitals with a green and red mark](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) On a light background ![SPREADER wordmark in capitals, light letters, on a dark background](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/wordmark-caps-color-on-dark.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=4b12d8f16a7a1ab36e49d8ecf06e1d15) On a dark background * [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) ## Single colour For places where colour is not available: print, engraving, third party listings. White for dark backgrounds, black for light ones. | File | Use | | - | - | | [wordmark-white.svg](https://docs.spreader.sh/images/brand/wordmark-white.svg) | Lowercase wordmark, white | | [wordmark-black.svg](https://docs.spreader.sh/images/brand/wordmark-black.svg) | Lowercase wordmark, black | | [wordmark-caps-white.svg](https://docs.spreader.sh/images/brand/wordmark-caps-white.svg) | All caps wordmark, white | | [wordmark-caps-black.svg](https://docs.spreader.sh/images/brand/wordmark-caps-black.svg) | All caps wordmark, black | ![Spreader wordmark in white](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/wordmark-white.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=81b3710b12c09ffdc4e22778839e65b6) White on dark ![Spreader wordmark in black](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/wordmark-black.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=f80aa886dac7b786952f83797b502a2b) Black on light ## Mark The S route alone, for favicons, avatars and small spaces. ![Spreader mark in green and red](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 mark in white](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/mark-white.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=1a0f2e23bee704c51f5f7c2125262a66) ![Spreader mark in black](https://mintcdn.com/develops-6bdfff15/TKsnp9V4pVrVgvyw/images/brand/mark-black.svg?fit=max\&auto=format\&n=TKsnp9V4pVrVgvyw\&q=85\&s=dd5220bb9bf90b0e04fb1fa8fdc9d8c6) Colour, white and black * [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) ## Avatar A square avatar for messengers, app stores and social profiles: the mark on a dark or a light square, 1024 × 1024 px. Telegram and most services crop it to a circle, the mark sits inside the safe area. ![Spreader avatar, mark on a dark circle](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 avatar, mark on a light circle](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) How a circle crop looks * [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) ## Colours | Role | On light | On dark | | - | - | - | | Letters | `#13161b` | `#e9ebee` | | Long leg, upper arc | `#34b3a2` | `#34b3a2` | | Short leg, lower arc | `#f0784f` | `#f0784f` | The mark keeps the same two colours on any background, only the letters change. ## Rules * Use the files as they are. Do not change the colours, the tracking, the stroke or the proportions. * Do not place the wordmark on busy images. Pick the light or dark version by the background. * Keep clear space around the logo of at least the height of the letter p. * The arrowheads reach above and below the letters on purpose, do not crop them. * The smallest sizes: 20 px high for the wordmark, 16 px for the mark. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.