Brand
Media kit
Logos, colours and usage rules for writing about or linking to Suyus. Use the files as they are. If you need something that isn't here, open an issue.
Download everything (.zip)Name & pronunciation
Suyus
pronounced soo-yoos /ˈsuː.juːs/
- Write it as Suyus: one word, capital S.
- The web address is suy.us, always lowercase. Use it for links, not as the name.
Logo
Vector (.svg) for anything that scales; transparent .png where SVG isn't supported.
Horizontal — main logo for headers, documents and slides
Full colour
Default, on light backgrounds
Full colour, dark
On dark backgrounds
All black
One-colour print, light backgrounds
All white
Inverse, dark or photo backgrounds
Square — profile pictures, favicons and app icons
Colours
Click a colour to copy its hex code. Typeface: Geist (SemiBold for the wordmark).
Clear space & minimum size
2x2x- Clear space: keep at least 2x empty on every side, where x is the diameter of the dot in the mark.
- Horizontal logo: at least 24 px (or 6 mm) tall.
- Square mark: at least 16 px (or 4 mm). Below that, use the favicon as is.
Usage rules
Do
- Use the files from this page, unchanged.
- Scale proportionally: hold Shift, or set only the width or the height.
- Pick the colourway with the most contrast: full colour or black on light, full colour on dark, or white on dark.
- Keep the clear space around the logo.
Don't
- Stretch, skew, rotate or crop the logo.
- Change the brand colours without permission.
- Add shadows, outlines, gradients or other effects.
- Rebuild the wordmark in another font, or rearrange the mark and wordmark.
The Suyus name and logo identify the project. Please don't use them in a way that suggests endorsement or partnership without asking first.