BRAND RESOURCES
ABOUT OUR BRAND
RAGER.AI ​is an AI streaming platform that connects music artists and AI creators to produce innovative AI music videos. We are all about connecting, matching talent, empowering talent, and ensuring wonderful results from working together.
Our logo reflects our connecting nature, the collaborative system on which our brand sets its foundations, and the sense of community that everything in RAGER.AI moves within.​​
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 through platforms and media.
​If you have any special enquiries, please contact us
LOGOS
Our symbol represents the connection between music artists (represented by the triangle for a Play symbol) and AI creators (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 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.
RAGER.AI VIOLET
HEX #8A54FE
RGB 138.84.254
CMYK 46.67.0.0
VERONICA
HEX #A149D4
RGB 161.73.212
CMYK 24.66.0.17
MAGENTA DYE
Magic #CC3584
RGB 204.53.132
CMYK 0.82.62.10
RAGER.AI RED
HEX #FF1D25
RGB 255.29.37
CMYK 0.89.85.0
VIOLET VERONICA
HEX #964FE9
RGB 150.79.233
CMYK 36.66.0.9
STEEL PINK
HEX #B63FAD
RGB 182.63.173
CMYK 0.65.5.29
AMARANTH
HEX #E52956
RGB 229.41.86
CMYK 0.74.35.20
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.
ROBIN EGG BLUE
HEX #06CFDB
RGB 6.207.219
CMYK 97.5.0.14
MAIZE
HEX #FEE440
RGB 254.228.64
CMYK 0.10.75.0
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.
WHITE
HEX #FFFFFF
RGB 255.255.255
CMYK 0.0.0.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.
