Logo Use it!

The Decoded logotype is our most visible and important brand asset. Learn how to best represent the logotype and Decoded brand in any experience. Where possible we use the round, yellow logo. In small sizes and on full yellow backgrounds, the logotype can be used without the yellow background.

Sizing

To preserve legibility, the logotype should never be printed smaller than 30mm for print and 120px for screen.

Partner Logos

Most logos look pretty bad on yellow, keep it simple and use a white background.

To keep both logos balanced, draw a square around the Decoded logo and use that as the maximum size of the partner logo.

The Decoded Logo can be on either side, but always place it on the right side when placing the two logos in the top right corner of the page.

Use it

GDocs or Adobe

To send logos to a client or use them in your own documents, Download the Logo.

Always use CMYK files for print products and RGB files for use on screen. For GDocs, use RGB files. Most Google Document Templates already have logos in them.

Code

Use any of the following logos by copying their respective code snippet:

Use the scalable SVG for modern devices and Decoded-internal apps:

<img src="https://brand-assets.decoded.com/logos/decoded_round.svg">

Use a PNG for older browsers:

<img src="https://brand-assets.decoded.com/logos/decoded_round_150px.png">

<img src="https://brand-assets.decoded.com/logos/decoded_round_250px.png">

In some cases you'll need a logo that is not in the circular device. Applications for the logotype by itself might be page headers in apps.

<img src="https://brand-assets.decoded.com/logos/decoded_type_navbar.png">

<img src="https://brand-assets.decoded.com/logos/decoded_type_265px.png">