Logos
The logos should always be seen as a whole and never broken apart, always appears or travels in its entirety.
Basic Rules
Every verification step creates friction that drives users away, impacting conversion rates and satisfaction:
- Don’t apply dropshadow or outline
- Don't obscure the logo
- Don't alter the logo outline
- Don't place an image within the logo
- Don't place an image within the logo
- Don't break the logo apart
- Don't change the logo color
- Don't alter logo proportions
- Don’t add different colors to the logo
Our Name
Our brand name should always be referred to as ‘Realeyes’. This can be represented either by the logo or written as the word ‘Realeyes.’
- We should never see it written as ‘RealEyes’.
Colors
Our Primary Colors
Asphalt and Mint Green are the official Realeyes colors and our colors are part of what makes us visually distinctive. They should always be represented with the following hexidecimal color values, to ensure consistency across all applications.
We use Asphalt rather than black. Mint is used as an accent color and use sparingly. Use the Kubrick “60-30-10 color ratio principle” – this approach to color distribution brings harmony and focuses viewer attention on key elements.
Asphalt
#263235
Mint Green<>
#27EABF
Our Secondary Colors
These are relative to the primary colors and are complimentary for when additional contrast is required.
Cool Grey
#E1E5F5
Emerald Green
#2DC0A2
Our Greys
This range of greys is balanced, modern and neutral that provides the versatility for most digital scenarios.
Grey 500
#666666
Grey 400
#B0B0B0
Grey 300
#E5E5E5
Grey 200
#F5F5F5
Grey 100
#FAFAFA
RAG Rating
A traffic light system (Red, Amber, Green) provides a quick, visual assessment of status: Low, Mid and High performance, or Good (Green) / Bad (Red) etc.
Tomato
#FB5C63
Mustard
#F1B44B
Apple
#5AC57D
Font
Lexend Deca
Lexend is a Licence Free, Open Source Google font, specifically created to improve reading proficiency.
It is based on the theory that hyper-expansion, which involves expanding the spacing between and within letters using specific sans-serif fonts and scaling, leads to a measurable improvement in reading speed and comprehension.
We only use Regular and Bold families to maximize consistency and minimize decisioning when creating documents and presentations.
Weights: Bold or Reg
Quick Brown Fox
Quick Brown Fox
- Don't use Black or Thin weights, keep italics low frequency
Imagery
Imagery tends to keep the human in the loop, typically in a verification or fraud prevention scenario. Consider the Kubrick “60-30-10 color ratio principle” and to feature Mint as your accent color where possible.
