Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
bskyplus branding
3 folders · 1 file
README.md
Bsky+ logo #
Symbol: a white cloud with a red plus, on a blue rounded tile ("Cloud+").
Files #
svg/bskyplus-symbol.svg: the main symbol. Use it at 48 px and above.svg/bskyplus-symbol-small.svg: a variant with a bigger plus and a tighter cloud, for 32 px and below (toolbar, favicon).svg/bskyplus-lockup.svg/-white.svg: symbol + wordmark, for light / dark backgrounds.svg/bskyplus-wordmark.svg/-white.svg: the wordmark on its own.png/: the same, rendered (symbol from 16 to 1024 px, lockups and wordmarks at 2x).extension-icons/icon16.png,icon32.png,icon48.png,icon128.png: the same names asextension/*/icons/, so they can replace the current icons directly.
All text in the SVGs is outlined, so no font is needed to display them.
npm run sync:shared and the browser packaging commands copy extension-icons/ into each browser build. The popup and settings use the 32 px icon.
Colours #
| Name | Hex | Use |
|---|---|---|
| Blue | #1185FE |
Tile |
| Red | #FF2727 |
The plus |
| Ink | #0B1220 |
Wordmark on light surfaces |
| White | #FFFFFF |
Cloud; wordmark on dark |
Type #
Wordmark: Inter Black (900), tracking −1.2%. The "+" is always red.
Spacing #
In the lockup the symbol is as tall as the font size, the gap is 0.29× the symbol height, and the wordmark's cap height is centred on the symbol.