Real Thing Ai
Visual Identity
This is the RealThing Ai and RealSam brand guidelines and assets
Updated November 2-2
Intro
Welcome to the RealThing-Ai mini Brand Guide, this guide contains all you need to know about how the RelathingAi and RealSAM brands should be applied to digital channels and packaging ensuring consistency throughout.
Our guide also contains downloadable assets so you that you can always find the most up to date versions of our logos swatches and typefaces right here.
Using our brand correctly is extremely important to us and we ask that this guide is reference and adhered at all times.
Content
Logos
Logo - Realthing Ai
Base image: Positive version
Hover image: Negative version
Do not
→ Warp the logo
→ Change logo colours
→ Change background colours
→ Change the size of the icon
Logo - RealSAM
Base image: Positive version
Hover image: Negative version
Do not
→ Warp the logo
→ Change logo colours
→ Change background colours
→ Change the size of the icon
Logo - Realthing Ai - Mono
Base image: Positive version
Hover image: Negative version
Do not
→ Warp the logo
→ Change logo colours
→ Change background colours
→ Change the size of the icon
Logo - RealSAM - Mono
Base image: Positive version
Hover image: Negative version
Do not
→ Warp the logo
→ Change logo colours
→ Change background colours
→ Change the size of the icon
Typography
Varela Round
Varela Round is a modern sans-serif font that blends styles of many great typefaces. Its uniqueness stems from vertical cuts on lowercase letters such as “a, c, e, g, s” and uppercase letters such as “C, G, J, S”.
Because it is extremely clean and minimalistic in design, it is able to sit well in body text at small sizes, or be used for headlines and menu items. Varela is a great font for anything containing text or content.
Varela Round typeface
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Type Heirarchy
Header
Body Copy (Varela) Donec lectus orci, molestie sit amet magna et, porttitor dictum massa. Integer commodo volutpat ligula, in sodales augue hendrerit id. Vestibulum tincidunt eget erat sollicitudin tempor. Curabitur purus justo, fringilla vel convallis fringilla, posuere in orci. Donec viverra condimentum rhoncus. Nulla vehicula imperdiet ornare. Nullam suscipit volutpat laoreet. Vestibulum rhoncus lacus purus, in ornare est posuere at. Donec imperdiet dignissim dui. Donec lectus orci, molestie sit amet magna et porttitor.
Our font should only be used in high contrast as outlined in the examples below
White against navy
Peppermint green against navy
Navy against peppermint
Navy against white
Colours
Colors
Our contemporary colour sheme has been developed with vibrancy and contrast at its heart, simplicity is key to its application
Do not
→ Use tints of any colours
→ Use gradients
→ Use peppermint or blue on a white background when using text
Pink
Navy
HEX #131448
RGB 19, 20, 72
Blue
HEX #5ACAEC
RGB 90, 202, 236
Peppermint
HEX #D0FFF2
RGB 208, 255, 242
Black
HEX #000000
RGB 0, 0, 0
CMYK NaN, NaN, NaN, 100
Gray
HEX #808285
RGB 128, 130, 133
CMYK 4, 2, 0, 48
Icon Style
Icons
Icon Style should always be solid filled icons (never outlined) and have a curved edge to compliment our logo and also our Varela font
Design examples
The below examples are purely conceptual and for demonstration purposes only, we will add real design applications as they are created.
E-commerce site
Smartwatch
Mobile App
Created by Realthing.ai