mirror of
https://github.com/revanced/revanced-branding.git
synced 2025-05-23 18:37:16 +02:00
114 lines
4.8 KiB
Markdown
114 lines
4.8 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>
|
|
<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>
|
|
<a href="http://revanced.app/discord">
|
|
<img height="24px" src="https://user-images.githubusercontent.com/13122796/178032563-d4e084b7-244e-4358-af50-26bde6dd4996.png" />
|
|
</a>
|
|
<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>
|
|
<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>
|
|
<a href="https://twitter.com/revancedapp">
|
|
<img height="24px" src="https://user-images.githubusercontent.com/13122796/178032018-6da37214-7474-4641-a1da-7af7db3a31cd.png" />
|
|
</a>
|
|
<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>
|
|
<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.
|
|
|
|
## 🖼️ ReVanced logo
|
|
|
|
### 🚩 The basics
|
|
|
|
The ReVanced logo is the most recognizable 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 triadic gradients which defines its character. The ring as well as the logo feature a top-to-bottom gradient blending the colors <img height="16px" src="https://github-production-user-asset-6210df.s3.amazonaws.com/47723802/243146503-fbc21584-94a5-436b-9277-3c64a72baf97.png"/> `#F04E98`, <img height="16px" src="https://github-production-user-asset-6210df.s3.amazonaws.com/47723802/243146541-fcb07e8d-9ba4-4292-b633-f64a01b80341.png"/> `#5F65D4`, and <img height="16px" src="https://github-production-user-asset-6210df.s3.amazonaws.com/47723802/243146582-18441902-b968-434c-bc40-f78bf975e86c.png"/> `#4E98F0`.
|
|
|
|
The ReVanced logo should appear in single shades of black and white, but the diamond may appear in any color. On a dark background, a light shade and vice versa should be used.
|
|
|
|
### 📏 Spacing
|
|
|
|
The ReVanced logo should have a minimum margin of 15% of its original size. If there is a headline accompanying the logo, the margin of the logo and headline together should be increased.
|
|
|
|
### ☝️ Headline
|
|
|
|
The ReVanced logo should 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 should appear in single shades of black and white. On a dark background, a light shade and vice versa should be used. The ReVanced logo should only be used in its entirety while accompanied with a headline.
|
|
|
|
### 🌐 Socials
|
|
|
|
Any border radius may be used for the ReVanced logo.
|
|
|
|
### ❌ Misuse
|
|
|
|
- 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 overemphasize the logo
|
|
|
|
### 🔨 Application
|
|
|
|
Todo.
|
|
|
|
## 🔤 ReVanced 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" should be capitalized.
|
|
|
|
## 📜 ReVanced tagline
|
|
|
|
The following taglines should be used whenever a slogan, summary, or short description of ReVanced is required:
|
|
|
|
- "Continuing the legacy of Vanced"
|
|
- "Continuing the legacy of Vanced at revanced.app"
|
|
|
|
> **Note**: The tagline may end with punctuation when necessary.
|
|
>
|