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

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 peppermint

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

HEX #EB3995

RGB 235, 57, 149

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