DocsIntroduction
MEET
reveraOS

logo, type and colour.
the few things that make every reveraOS screen look like us.

Profile picture

The white symbol, centred at 52% of the frame, on the brand background. Never the full logo inside a circle.

Name
Preview
01 PLUM
Default for every account. 1080 x 1080. PNG
04 AURA
Reels, stories and event screens. 1080 x 1080. PNG
BANNER
2560 x 1440. 01 PNG 04 PNG

Typography

Two free Google fonts, nothing else. DM Sans for everything people read. DM Mono for labels, numbers and system states. Styles are named Type + Weight + Size.

Typefaces

Name
Specimen
DM SANS
Aa Bb Cc 0123456789 ₹
Regular 400, Medium 500, Bold 700. Google Fonts
DM MONO
Aa Bb Cc 0123456789 ₹
Regular 400, Medium 500. Google Fonts

Scale

NameSize / lineSample
Display
DisplayBold72
72 / 76
Your company of agents.
Heading 1
HeadingBold48
48 / 56
Watch every agent live.
Heading 2
HeadingBold32
32 / 40
Plan the fix, then act.
Heading 3
HeadingMedium24
24 / 32
Ten ready agents per department
Body large
BodyRegular20
20 / 30
The owner can pause or stop any agent.
Body
BodyRegular16
16 / 24
Every action lands in one sealed record.
Caps
CapsMedium12
12 / 16
AGENT 07 · SALES · LIVE
Mono
MonoRegular14
14 / 20
02:14 · 10 departments x 10 agents

Rules

RuleValue
CaseSentence case. Caps only in DM Mono labels
Weights400, 500, 700. No italics for emphasis
NumbersIn DM Mono so digits line up. ₹ before the number
OverflowOne line ends in an ellipsis; cards clamp at 2 lines. Never shrink text to fit
ColourWhite or Lilac Mist on dark, Plum Ink on light. Accents never for body text

Color Palette

Plum leads. Cyan and magenta are accents only, never on the logo. Every colour ships as a token. Tap a swatch to copy its code.

:root {
  --rv-night: #0A010A;
  --rv-plum: #340A35;
  --rv-orchid-plum: #611F69;
  --rv-signal-cyan: #3EF2EC;
  --rv-glitch-magenta: #E83CF0;
  --rv-lilac-mist: #F3E8F6;
  --rv-plum-ink: #2A0A2E;
  --rv-void: #0E0314;
  --rv-ultraviolet: #5B1A8F;
  --rv-aura-orchid: #B42BD6;
  --rv-deep-violet: #6D28D9;
  --rv-violet-ink: #1E0A33;
  --rv-plum-100: #F5E9F6;
  --rv-plum-200: #EBC8EF;
  --rv-plum-300: #D999E1;
  --rv-plum-400: #C769D3;
  --rv-plum-500: #611F69;
  --rv-plum-600: #46164C;
  --rv-plum-700: #311034;
  --rv-plum-800: #1D091F;
  --rv-error: #F05E4B;
  --rv-warning: #F29947;
  --rv-info: #3EF2EC;
  --rv-success: #1FC87F;
  --rv-font-sans: 'DM Sans', system-ui, sans-serif;
  --rv-font-mono: 'DM Mono', ui-monospace, monospace;
}

01 Glitch Plum master look

Name
Swatches
MAIN
Night#0A010A
Plum#340A35
Orchid Plum#611F69
Signal Cyan#3EF2EC
Glitch Magenta#E83CF0
Lilac Mist#F3E8F6
Plum Ink#2A0A2E

04 Ultraviolet Aura reels, stories, event screens

Name
Swatches
MAIN
Void#0E0314
Ultraviolet#5B1A8F
Aura Orchid#B42BD6
Signal Aqua#3EF2EC
Deep Violet#6D28D9
Lilac Mist#F3E8F6
Violet Ink#1E0A33

Ramps

Name
Swatches
PLUM
100#F5E9F6
200#EBC8EF
300#D999E1
400#C769D3
500#611F69
600#46164C
700#311034
800#1D091F
ULTRAVIOLET
100#F1E7F8
200#DEC3F4
300#C28FEB
400#A65BE1
500#5B1A8F
600#421367
700#2D0D48
800#1B082B
MAGENTA
100#F9E5FA
200#F7BDFA
300#F084F6
400#EA4BF1
500#E83CF0
600#C00FC9
700#860B8B
800#500654
CYAN
100#E5FAFA
200#BCFAF8
300#83F7F3
400#49F3ED
500#3EF2EC
600#0ECDC7
700#0A8E8A
800#065553
NIGHT
100#F1EDF3
200#DFD3E4
300#C4ADCC
400#A987B5
500#3D2A44
600#2C1E31
700#1E1522
800#120D14

State colors

Name
Swatches
ERROR
100#FCE2DD
200#F6A69B
300#F47564
400#F05E4B
500#EE4D37
WARNING
100#FBDDC2
200#F8C699
300#F5AC6A
400#F29947
500#F08D32
INFO
100#DFFCFB
200#A6F8F5
300#6FF5F0
400#3EF2EC
500#14D6CF
SUCCESS
100#E6F9F1
200#83E0B8
300#4FE3A3
400#1FC87F
500#06C270

Usage

LookRatio
01 Glitch PlumPlum 60, Night 20, Lilac Mist 10, Magenta 6, Cyan 4
04 Ultraviolet AuraVoid 55, Ultraviolet 25, Aura Orchid 10, Deep Violet 6, Aqua 4
GradientsBackgrounds only. Never on the logo, text or buttons
ContrastWhite on Plum 16.9 : 1, Plum Ink on Lilac Mist 15.0 : 1, Magenta on Night 6.2 : 1

Downloads

Every file is the real artwork. Fonts come free from Google Fonts.

Download all (2556 KB)

NameFileSize
Logo, whitereveraOS-logo-white-for-dark.png60 KBDownload
Logo, inkreveraOS-logo-ink-for-light.png60 KBDownload
Symbol, whitereveraOS-symbol-white.png126 KBDownload
Symbol, inkreveraOS-symbol-ink.png126 KBDownload
Mark 2048, whitereveraOS-mark-white-2048.png115 KBDownload
Mark 2048, inkreveraOS-mark-ink-2048.png168 KBDownload
Profile picture 01reveraOS-1-glitch-plum-profile-1080.png314 KBDownload
Profile picture 04reveraOS-4-ultraviolet-aura-profile-1080.png279 KBDownload
Banner 01reveraOS-1-glitch-plum-banner-2560x1440.png726 KBDownload
Banner 04reveraOS-4-ultraviolet-aura-banner-2560x1440.png647 KBDownload
Design tokensreveraOS-tokens.css1 KBDownload

The symbol comes from Canva's free element library. Use it on social media, slides and screens only: not on print or merchandise, and not as a trademark, until reveraOS has its own symbol.