Chalarangelo/30-seconds-of-code

View on GitHub
logo/logo-guidelines.md

Summary

Maintainability
Test Coverage
# Logo guidelines

![Logo](/logo.png)

## Logo

| Regular | Monochrome |
| --- | --- |
| ![logo](/logo/logo-resources/logo.png) | ![monochrome](/logo/logo-resources/logo-monochrome.png) |

| Grayscale | With Background |
| --- | --- |
| ![grayscale](/logo/logo-resources/logo-grayscale.png) | ![bg](/logo/logo-resources/logo-bg.png) |

## Placement guide

![placement-guide](/logo/logo-resources/placement-guide.png)

The free space around our logo is calculated using the top inner circle of the letter "3" in the logo. The minimum free space around the logo is a full circle on either side on the horizontal axis and half a circle on either side on the vertical axis.

## Small use guidance

The 30 seconds of code logo should have a minimum width of 30px in digital applications and approximately 1cm in print.

## Logo misuse

- Never crop, rotate, invert, or distort the logo.
- Never add an outline, shadow, or glow to the logo.
- Never use any other color for the logo, except for the ones provided in this guide.
- Avoid using the logo in busy backgrounds or against backgrounds where it’s hard to distinguish.