# **Sitebulb** Brand Assets

[SVG](/content/assets/brand/logo-grey.svg?v=2/index.html) [PNG](/content/assets/brand/logo-grey.png?v=2/index.html)

### Logo with grey text

The OG logo, you will find sitting proudly at the top of this page. This is what we reach for first when displaying a logo in a digital format.

[SVG](/content/assets/brand/logo-white.svg?v=2/index.html) [PNG](/content/assets/brand/logo-white.png?v=2/index.html)

### Logo with white text

From posters to t-shirts, this variation is used for when we need something that works in the dark.

[SVG](/content/assets/brand/mono-white-logo.svg?v=2/index.html) [PNG](/content/assets/brand/mono-white-logo.png?v=2/index.html)

### Mono white logo

Used when need a logo on a dark background in one colour. You will find this in our footer and merch.

[SVG](/content/assets/brand/square.svg?v=2/index.html) [PNG](/content/assets/brand/square.png?v=2/index.html)

### Sitebulb logo without text

This logo is anything but square, we use it on our socials and favicons.

[Adobe](https://fonts.adobe.com/fonts/filson) [My Fonts](https://www.myfonts.com/collections/filson-soft-font-mostardesign) [Fonts.com](https://www.fonts.com/font/mostardesign/filson-soft)

### Fonts

With its high readability and curvy soft sans-serif silhouette - Filson Soft is our workhorse font. Body copy uses Book font face while titles use a contrast of Thin and Heavy font faces.

### Colours

Primary: #1fb6ff

The star of the show, our primary colour is used in our logo, headers and links.

Logo Text: #555859

A solid grey, used for headers, logos and background of footer.

Body Text: #567183

An easy on the eye slate blue, used for our body copy.

Primary Action: #13ce66

Green is our attention grabber, used for when we really want you to click something and is always the primary action on a page.

Secondary Action: #ff9a02

This burnt orange is used sparingly, warnings and buttons that need to be thought about.

Footer: #3d3d3d - #191818

Soft moleskin grey used for our footers.

Dark Backgrounds: #111827

Dark blue/black, some might even call bluck. Used for dark headers, and layered with blue and green gradients.