revanced-branding/README.md
2023-02-17 02:13:14 +01:00

102 lines
4.2 KiB
Markdown

<p align="center">
<picture>
<source
width="256px"
media="(prefers-color-scheme: dark)"
srcset="assets/revanced-headline/revanced-headline-vertical-dark.svg"
>
<img
src="assets/revanced-headline/revanced-headline-vertical-light.svg"
>
</picture>
<br>
<a href="https://revanced.app/">
<img height="24px" src="assets/revanced-logo/revanced-logo-round.svg" />
</a>&nbsp;&nbsp;&nbsp;
<a href="https://github.com/revanced">
<picture>
<source height="24px" media="(prefers-color-scheme: dark)" srcset="https://i.ibb.co/dMMmCrW/Git-Hub-Mark.png" />
<img height="24px" src="https://i.ibb.co/9wV3HGF/Git-Hub-Mark-Light.png" />
</picture>
</a>&nbsp;&nbsp;&nbsp;
<a href="http://revanced.app/discord">
<img height="24px" src="https://user-images.githubusercontent.com/13122796/178032563-d4e084b7-244e-4358-af50-26bde6dd4996.png" />
</a>&nbsp;&nbsp;&nbsp;
<a href="https://reddit.com/r/revancedapp">
<img height="24px" src="https://user-images.githubusercontent.com/13122796/178032351-9d9d5619-8ef7-470a-9eec-2744ece54553.png" />
</a>&nbsp;&nbsp;&nbsp;
<a href="https://t.me/app_revanced">
<img height="24px" src="https://user-images.githubusercontent.com/13122796/178032213-faf25ab8-0bc3-4a94-a730-b524c96df124.png" />
</a>&nbsp;&nbsp;&nbsp;
<a href="https://twitter.com/revancedapp">
<img height="24px" src="https://user-images.githubusercontent.com/13122796/178032018-6da37214-7474-4641-a1da-7af7db3a31cd.png" />
</a>&nbsp;&nbsp;&nbsp;
<a href="https://www.youtube.com/channel/UCLktAUh5Gza9zAJBStwxNdw">
<img height="24px" src="https://user-images.githubusercontent.com/13122796/178032714-c51c7492-0666-44ac-99c2-f003a695ab50.png" />
</a>&nbsp;&nbsp;&nbsp;
<br>
<br>
Continuing the legacy of Vanced
</p>
# 🖌️ ReVanced brand guidelines
This repository contains guidelines, kits and various other assets to help you use core brand elements of ReVanced.
> **Note**: Specifications are in their early stage of development and might heavily change a lot in their first revisions.
## 🚩 The basics
The ReVanced logo is the most recognizeable asset which is why it is important to follow certain rules when used:
- Do not alter, rotate or modify the logo. Exceptions apply below
- Do not animate the logo
- Use the latest revision of the logo available at all time
## 🎨 Colors
The ReVanced logo has a multiple gradients which define its character. The diamond has the gradient `#D21DAD` to `#F1FF00` from top to bottom, while the background has the gradient `#817E46` to `#6E0F5B` from top to bottom.
The shapes and fills may appear in full black and white as well in any shade in between. On a dark background, the dark variant with a light shade should be used and vice versa.
## 📏 Spacing
The ReVanced logo may have at least a margin of 85% of its original size and if accompanied by a headline, the logo including the headline may have a margin in addition.
## ☝️ Headline
The ReVanced logo may be accompanied with a headline of any typeface, preferably [Manrope](assets/revanced-typeface/manrope), starting with the [wordmark](assets/revanced-wordmark) on the right or below the logo only.
The headline may appear in full black and white as well in any shade in between. On a dark background, the dark variant with a light shade should be used and vice versa. The ReVanced logo may only be used in its entirety while accompanied with a headline.
## 🌐 Socials
The ReVanced logo in its entirety may be used with any border radius of choice only.
## ❌ Missuse
- Don't add additional gradients
- Don't add special effects
- Don't change orientation
- Don't add drop shadows
- Don't add additional elements
- Don't add patterns or textures
- Don't skew, rotate, or stretch
- Don't change color
- Don't accompany the logo with a headline starting with anything other than the wordmark
- Don't overempasize the logo
## 🔤 Marks
The ReVanced marks include, but are not limited to
- The ReVanced name
- The ReVanced logo
- Anything that includes ReVanced in the name
> **Note**: No letter except R and V in "ReVanced" may be capitalized.
## 🔨 Application
Todo.