ABOUT OUR BRAND
RAGER.AI is an AI streaming platform that connects music artists and AI directors to produce innovative AI music videos. We are dedicated to connecting, matching, and empowering talent, ensuring outstanding results from collaboration.
Our logo reflects our connecting nature, the collaborative system on which our brand is built, and the sense of community within which everything in RAGER.AI operates.
This is a guide for the brand usage and logo application for RAGER.AI. Please refer to the elements shared here and their correct application to ensure our brand is consistent across platforms and media.
If you have any special enquiries, please get in touch with us GET IN TOUCH
LOGOS
Our symbol represents the connection between Independent Music Artists (represented by the triangle for a Play symbol) and AI Directors (represented by the circle for the camera lens), interlocking to make one shape. The colours of the shapes are our brand colour grading, allowing each component to be visibly identifiable.
The symbol is dynamic and perfectly suitable for animations, where the triangles enter from the left, and the circles enter from the right to meet in the middle, interlocking into our symbol.
Our brand's name is below it as a support and base, with RAGER in white and the .AI goes in our colour grading. Under it, our claim reads "The Marketplace for AI Music Videos" in white.
Our primary logo is in full colour and is used on black backgrounds. The symbol and the .AI have our brand colour grading, and RAGER and the claim go in white for perfect contrast with the background.
When we have a coloured or busy background, we apply the white version of the primary logo to ensure readability and perfect contrast.
Our secondary logo has a horizontal layout that is easy to apply in specific formats that lack height. It has our symbol on the left and the brand's name after it. The symbol and the .AI have our brand colour grading, and the RAGER and the claim go in white for perfect contrast with the background.
Similarly to the primary logo's case, when we have a coloured or busy background, we apply the white version of the secondary logo to ensure readability and perfect contrast.
Our Submark is a version of our primary logo without the claim to be used in more constrained spaces. It has our symbol on top and RAGER.AI under it. Both the symbol and the .AI go in our brand colour grading, and RAGER goes in white to ensure high contrast with the background.
As in the other logo applications, when we have a coloured or busy background, we apply the white version of the submark to ensure readability and perfect contrast.
The Favicon for RAGER.AI is a simplified version of the logo, where we find only the symbol. It is ideal for round logo applications, like profile pictures on social media, and small applications of the logo, where the brand's name can't go, just the symbol.
As with all other applications, when we have a coloured or busy background, we apply the white version of the favicon to ensure readability and perfect contrast.
TYPEFACES
Montserrat is a Google geometric sans-serif typeface inspired by posters, signs and painted windows in the historic Montserrat neighbourhood of Buenos Aires. Its unique blend of modernity and classical elegance makes it highly suitable for digital and print design projects. Its consistent proportions and straight lines convey a sense of order and readability, which is ideal for our brand.
We use Montserrat Semi Bold for titles, subtitles, stand-alone words, and for highlighting words within a paragraph or body text.
Montserrat Light is the weight we use for paragraphs and body texts since it is a pleasant and very easy-to-read typeface that contrasts with the highlighted text with Montserrat Semi Bold.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789.,:;’”!?/|\<>-+_=@#$%^&*()
COLOURS
A tech inspired colour palette with vibrant purples and reds and gradients in between inspired by GenZ. Energetic and bright, saturated and full of life, this colour palette is always highlighted over black, adding light to every space, almost as if neon was part of the equation.
PRIMARY COLOURS
Our primary colours range from violet to red, inspired by Generation Z, the looks and resemblance to Sci-Fi looks, their energy, dramatic appeal, excitement, and joy. Brightness and saturation are characteristics of our colour palette, and the gradient with tones and hues between them is part of our core.
Our colour gradient goes from our primary RAGER.AI Violet to our primary RAGER.AI Red, including all the tones and hues between them. The primary grading goes from violet to red horizontally, at 0º, with 60% violet and 40% red. We have variations in angles, for 180º, 270º and 90º only.
SECONDARY COLOURS
Our secondary colours complement our brand palette, with aqua and yellow contrasting our violet and red hues. Like our primary colours, they exude energy, excitement, brightness, and joy. We primarily use them as accents or highlight something that needs to stand out.
TEXTS & BACKGROUNDS
Our background is always black unless we use the colour gradient from our primary colours, so the text must always be white. Sometimes, we can play with black text over backgrounds with our brand colours or gradients for text hierarchy in communication.
RAGER.AI VIOLET
HEX #9546FF
RGB 149, 70, 255
CMYK 42, 73, 0, 0
VERONICA
HEX #AE39DA
RGB 174, 57, 218
CMYK 20, 74, 0, 15
MAGENTA DYE
HEX #DD1685
RGB 221, 22, 133
CMYK 0, 90, 40, 13
RAGER.AI RED
HEX #FF0000
RGB 255, 0, 0
CMYK 0, 100, 100, 0
ROBIN EGG BLUE
HEX #06CFDB
RGB 06, 207, 219
CMYK 97, 5, 0, 14
WHITE
HEX #FFFFFF
RGB 255.255.255
CMYK 0.0.0.0
VIOLET VERONICA
HEX #A241F1
RGB 162, 65, 241
CMYK 33, 73, 0, 5
STEEL PINK
HEX #CF249F
RGB 207, 36, 159
CMYK 0, 83, 23, 19
AMARANTH
HEX #F80052
RGB 248, 0, 82
CMYK 0, 100, 67, 3
MAIZE
HEX #FEE440
RGB 254, 228, 64
CMYK 0, 10, 75, 0
BLACK
HEX #000000
RGB 0.0.0
CMYK 0.0.0.100
ICONS
Our icons are simple and minimalistic, with our colour grading as the only colour present unless it is white over the gradient or pictures for clarity and visibility. Social media and contact icons have an outlined circle defining them, and regular explanatory icons have no boundaries -unless there is a semantic purpose for the element containing them-. They express as much as possible with very few lines, always round, with friendly edges and corners, and giving out a dynamic vibe.
IMAGE STYLE
RAGER.AI is about AI-generated videos, so our image style should be AI-generated. We strive for realistic imagery unless we purposely need a specific less realistic style (cartoons, illustration style, SCI-FI, etc.). Eventually, LLMs' quality will evolve as we need it, but we need to practise what we preach with AI.
