The Riviot brand.

How it is built.

• The unit, u, is a 32nd of the cap height. Every point sits on a whole unit.
• Stems and bars are 8u. The gap between letters is 4u, every time.
• Every edge is horizontal, vertical or at 45 degrees. There are no curves.
• Two lines carry through: the first 1's flag runs on into the r's cut, and the second 1's flag runs down the inside of the V.
• 156 × 32u in all.

App icon and favicon.

The mark sits at 62% of the tile, centered by eye. The favicon is redrawn on whole pixels, so it stays sharp at 16 px.

Four versions.

Clear space.

Smallest sizes.

Please don’t.

Neutrals, and one cyan. The cyan is the logo’s corner and almost nothing else.

• White#FFFFFFRGB 255 255 255Backgrounds.
• Light gray#ECEEF2RGB 236 238 2421.2:1 on whiteQuiet backgrounds and panels.
• Ink#1D1D1FRGB 29 29 3116.8:1 on whiteText, and the logo on light grounds.
• Dark gray#3A3A3DRGB 58 58 6111.3:1 on whiteSecondary text.
• Mid gray#636366RGB 99 99 1026.0:1 on whiteLabels and captions.
• Line gray#D2D2D7RGB 210 210 2151.5:1 on whiteLines and frames.
• Night#071013RGB 7 16 1919.2:1 on whiteDark backgrounds.
• Pale gray#E8F1F2RGB 232 241 2421.1:1 on whiteText on dark backgrounds.
• Slate#93A6ADRGB 147 166 1732.5:1 on whiteLabels on dark backgrounds.
• Cyan#00EEFFRGB 0 238 2551.4:1 on whiteThe logo's corner, and one highlight at a time.

• Cyan marks one thing at a time: the logo's corner, one cut corner or one small marker.
• It is never text, a line or a background.
• On white it is 1.4:1, so it never carries meaning on its own.

Cyan #00EEFF is a screen color. For print, ask us for the matching ink.

Inter for everything we write. JetBrains Mono for codes, units and labels.

1. Display
   76 px, 600Network engineers you can trust on site.
2. Title
   64 px, 600The Riviot brand.
3. Chapter
   48 px, 600Tested before they reach you.
4. Section
   32 px, 600Deployments run from brief to handover.
5. Item
   20 px, 500The engineer you were promised is the engineer who arrives.
6. Body
   17 px, 400Tested network and data center engineers, and deployments run end to end, for enterprises and integrators in the US, the UK and Ireland.
7. Caption
   14 px, 400Captions sit under figures and tables.
8. Mono
   12 px, 400R14-U27-P03, patch panel A

• Sentence case everywhere, buttons too. Headlines end with a full stop.
• Mono is for codes, units and labels, never for sentences.
• 11 px is the smallest size. Text is ink or white, never cyan.

Square corners, and one cut. The logo has no curves, so neither does anything we make.

• Frames, panels, cards, images and tables are square.
• Buttons, fields and tags take 2 px corners. Nothing is round.
• One frame on a page takes the 0's cut: top right, at 45 degrees, about 4.5% of its width.
• Buttons take a small cut when you hover over them or focus them. They never move.

Our drawings explain something real: a rack, a hall, a cable run. They are never wallpaper behind words.

• Lines at 0.5, 0.75, 1 and 1.5 px. Straight, or at 45 degrees.
• Labels in mono, 11 px at least, in sentence case or plain codes.
• One cyan marker at most: the thing that matters.
• Never drawn over a photograph of a person.

Dimension chain

Measurements, and the six phases of a project.

Patch row

A run of patch panel ports, used as a divider.

Rack elevation

The front of a rack, unit by unit.

Hall plan

A data hall from above, on dark grounds.

Annotations

Labels and leaders on drawings and on photographs of hardware.

Real people doing real work, in real places. Cool light, deep blacks, hands on the kit.

One grade for every photograph and film: cool, with deep blacks, the equipment lights kept.

The photographs on this site are stand-ins until Riviot’s own shoot.

We write for experts. Keep it simple, straight-talking and knowledgeable, with no jargon.

• Sentences under 20 words, paragraphs under 60. Lead with what the reader gets.
• Evidence over adjectives. Every statistic links to its source.
• Sentence case, including buttons. Headlines end with a full stop.
• No exclamation marks, no rhetorical questions, no em dashes.
• We are “we”, and the reader is “you”.

Names.

Riviot

In running text, always Riviot. Never all capitals, and never spelled the way the logo draws it.

Vio

Our vetting app. Never VIO, never “our AI”.

Scorecard

What Vio produces for each engineer. Never “talent card”.

Claims.

Engineers are tested, scored and checked. Never “verified”, “elite” or “top X%”. Anything an engineer tells us that we have not checked is labeled declared.

Use and avoid.

About Riviot, for press and partners.

Every file on this page. SVG for anything printed or scaled, PNG for everything else.

Questions about using the brand? Get in touch.