Logo. Type. Colour.
The three core assets of reveraOS, and the rules that keep every one of them unmistakably ours.
Three core assets, one master look, one expression
reveraOS is built on a few owned assets used the same way everywhere. 01 Glitch Plum is the master brand. 04 Ultraviolet Aura is the expression for motion and screens: it keeps the core and adds its own cue.
Logo
The symbol and the wordmark, supplied as files. Never redrawn, recoloured or rebuilt.
Type
DM Sans for everything people read. DM Mono for labels, numbers and system states.
Colour
Plum leads. Cyan and magenta signal. Each colour has a role, a ratio and a token.
01 GLITCH PLUM · MASTER
04 ULTRAVIOLET AURA · EXPRESSIONThe lockup
The symbol and the wordmark always travel together, except where space forces the symbol alone.
Symbol. One continuous ribbon, gradient cyan to magenta, always top to bottom.
Wordmark. Set artwork with its glitch edge. In running text the name is always reveraOS, one word.
Approved versions
Six files cover every use. Pick by background, never by taste.
Symbol alone and profile picture
Use the symbol alone only where the full lockup cannot be read: app icons, favicons, avatars, watermarks.
Clear space and minimum size
| Asset | Screen | |
|---|---|---|
| Full lockup | 120 px wide | 30 mm wide |
| Symbol alone | 24 px | 8 mm |
| Favicon | 16 px, symbol only | n/a |
| Profile picture | 1080 px source | n/a |
Never do this
Two typefaces, nothing else
Both are free and open source on Google Fonts, so every partner and every screen renders the same letters.
DM Sans
Regular 400 · Medium 500 · Bold 700
abcdefghijklmnopqrstuvwxyz
0123456789 ₹ % / & ?
Headlines, body, buttons. Everything a person reads.
Get DM SansDM Mono
Regular 400 · Medium 500
abcdefghijklmnopqrstuvwxyz
0123456789 ₹ % / & ?
Labels, numbers, timestamps, agent and system states. Never headlines.
Get DM MonoType scale and tokens
Size and line height in px, tracking in percent.
Font variant names
Every text style is named Type + Weight + Size, so a designer and a developer say the same thing. Each name carries its own line height.
Type: Display, Heading, Body, Caps, Mono
Weight: Bold 700, Medium 500, Regular 400
Size: in px
Overflow
Single-line text that runs out ends in an ellipsis. Multi-line text is clamped (2 lines for cards, 3 for headlines). Text is never shrunk to fit.
Default colour
White on dark, Plum Ink on light.
| Name | Type | Weight | Size |
|---|---|---|---|
| DisplayBold72 | Display | Bold 700 | 72 |
| HeadingBold48 | Heading | Bold 700 | 48 |
| HeadingBold32 | Heading | Bold 700 | 32 |
| HeadingMedium24 | Heading | Medium 500 | 24 |
| BodyRegular20 | Body | Regular 400 | 20 |
| BodyRegular16 | Body | Regular 400 | 16 |
| BodyMedium14 | Body | Medium 500 | 14 |
| CapsMedium12 | Caps (DM Mono) | Medium 500 | 12 |
| MonoRegular14 | Mono | Regular 400 | 14 |
Type rules
Case
Sentence case for headlines and buttons. Caps only in DM Mono labels. Never a full sentence in caps.
Length
Body lines 45 to 75 characters. Headlines up to 3 lines; longer text is clamped to 2 lines with an ellipsis, never shrunk.
Numbers
Counts, times and money in DM Mono so digits line up. The rupee sign sits before the number: ₹ 619.
Weight
Only 400, 500 and 700. One bold idea per block. Never fake bold, never italic for emphasis.
Colour
Text in white or Lilac Mist on dark, in Plum Ink on light. Accent colours never for body text.
Name
Write reveraOS as one word everywhere: lowercase revera, capital OS. Never Revera OS, REVERAOS or Revera alone.
01 Glitch Plum · Master brand
Tap any swatch or HEX code to copy it.
HEX RGB 10, 1, 10CMYK 0, 90, 0, 96Deepest background, text on light
HEX RGB 52, 10, 53CMYK 2, 81, 0, 79The brand colour. Default background
HEX RGB 97, 31, 105CMYK 8, 70, 0, 59Highlights, raised surfaces
HEX RGB 62, 242, 236CMYK 74, 0, 2, 5Live states, links, top of the symbol
HEX RGB 232, 60, 240CMYK 3, 75, 0, 6Main action, bottom of the symbol
HEX RGB 243, 232, 246CMYK 1, 6, 0, 4Light pages
HEX RGB 42, 10, 46CMYK 9, 78, 0, 82Text and logo on light
Usage ratio
04 Ultraviolet Aura · Expression
Tap any swatch or HEX code to copy it.
HEX RGB 14, 3, 20CMYK 30, 85, 0, 92Background the aura rises from
HEX RGB 91, 26, 143CMYK 36, 82, 0, 44Solid fills, middle of the aura
HEX RGB 180, 43, 214CMYK 16, 80, 0, 16Glow point only, never text
HEX RGB 62, 242, 236CMYK 74, 0, 2, 5Live states, top of the symbol
HEX RGB 109, 40, 217CMYK 50, 82, 0, 15Buttons, bottom of the symbol
HEX RGB 243, 232, 246CMYK 1, 6, 0, 4Light pages
HEX RGB 30, 10, 51CMYK 41, 80, 0, 80Text and logo on light
Usage ratio
Three colour layers
Colour is split into three layers, so a new screen never invents a colour.
Main colours
The handful of brand colours: Plum, Night, Orchid Plum, Signal Cyan, Glitch Magenta, Lilac Mist, Plum Ink, plus the 04 set. These are what people remember.
Palette ramps
Each main colour stretched into tones 100 to 800, brand value at 500, plus four state colours. The ramps are fixed: never edit a tone, pick a different one.
Colour guide
Which ramp tone each part of a screen uses, in dark mode and light mode: fills, text, edges, borders, states.
Tonal ramps and state colours
Each core colour carries eight tones, the brand value at 500. Lighter tones for surfaces and fills, darker for depth. State colours are for product feedback only.
Colour guide by component
Every colour of a component comes from its variant, kind and colour mode. A raised edge is always the 700 tone of its fill.
| Part | Role | Dark mode (01 Plum) | Light mode (Lilac Mist) |
|---|---|---|---|
| Button, primary | Fill | #E83CF0 | #611F69 |
| Text | #0A010A | #FFFFFF | |
| Edge (elevated) | #860B8B | #311034 | |
| Button, secondary | Fill | transparent | transparent |
| Text and border | #F3E8F6 | #2A0A2E | |
| Card, elevated | Fill | #1A0620 | #FFFFFF |
| Edge | #0A010A | #D9B8E2 | |
| Input field | Border | #611F69 | #B79AC0 |
| Focus border | #3EF2EC | #6D28D9 | |
| Text | #F3E8F6 | #2A0A2E | |
| Toggle, checkbox, radio | On | #3EF2EC | #611F69 |
| Off | #3D2A44 | #D9B8E2 | |
| Tag / toast, success | Fill / text | #1FC87F / #0A010A | #E6F9F1 / #0E7A4C |
| Tag / toast, warning | Fill / text | #F29947 / #0A010A | #FBDDC2 / #8A4A12 |
| Tag / toast, error | Fill / text | #F05E4B / #0A010A | #FCE2DD / #A1271A |
| Tag / toast, info | Fill / text | #3EF2EC / #0A010A | #DFFCFB / #0E6E6A |
Gradients and contrast
Gradients are for the symbol and for backgrounds. Never on text, never on buttons, never reversed or angled.
Design tokens
Copy these into any website, app or deck so the brand cannot drift.
:root {
/* 01 Glitch Plum, master */
--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;
/* 04 Ultraviolet Aura, expression */
--rv-void: #0E0314;
--rv-ultraviolet: #5B1A8F;
--rv-aura-orchid: #B42BD6;
--rv-signal-aqua: #3EF2EC;
--rv-deep-violet: #6D28D9;
--rv-violet-ink: #1E0A33;
/* ramps */
--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;
/* state */
--rv-success: #1FC87F;
--rv-warning: #F29947;
--rv-error: #F05E4B;
--rv-info: #3EF2EC;
/* type */
--rv-font-sans: 'DM Sans', system-ui, sans-serif;
--rv-font-mono: 'DM Mono', ui-monospace, monospace;
--rv-display: 700 72px/76px var(--rv-font-sans);
--rv-h1: 700 48px/56px var(--rv-font-sans);
--rv-body: 400 16px/24px var(--rv-font-sans);
--rv-label: 500 12px/16px var(--rv-font-mono);
}Downloads
Every file is the real artwork, never redrawn. Fonts come free from Google Fonts.
Download everything (ZIP, 1524 KB)
About the symbol
The current symbol comes from Canva's free element library, so other Canva users can use the same shape. Use it on social media, slides and screens. Do not print it on merchandise or signage, and do not file it as a trademark, until reveraOS has its own original symbol. When that arrives, only the logo files change; the type and colour on this page stay.