Brand guide

The RF Grid brand

How to use the logo, colors, type and graphic elements. Logo files are in the media kit, or straight from rfgrid.com/brand/: rfgrid-logo.svg, rfgrid-lockup.svg, rfgrid-mark.svg (add -white for dark backgrounds).

02 · Clear space

Give it room

Keep a margin of at least X on every side, free of text, edges and other graphics. X is the height of one grid row in the mark (one sixth of the mark's height), so the margin scales with the logo.

XX
The shaded row is X. Dashed line: the minimum clear space.

03 · Minimum size

Small, but legible

Below these sizes the waveforms fill in and the wordmark gets hard to read. Use the mark alone in very small spaces such as app icons and avatars.

ArrangementScreen (width)Print (width)At minimum size
Stacked logo120 px30 mm
Lockup160 px40 mm
Mark24 px8 mm

04 · Color versions

Ink or white, nothing else

The logo is a single color. Use the ink version on white and light backgrounds and the white version on dark backgrounds and photos (over a dark, calm area). The reversed panel flips automatically.

Ink logo on white
Ink on white
Ink logo on paper
Ink on paper
White logo on ink
White on ink
White logo on signal blue
White on signal blue

05 · Misuse

Please don't

Stretch or squash it
Rotate it
Recolor it
Add shadows, glows or outlines
RF Grid
Retype the wordmark or rearrange the parts
Place it with poor contrast

06 · Color

Paper, ink and one signal color

Mostly paper and ink, like an engineering drawing. Signal blue is the only accent: links, buttons, traces and highlights. Use it sparingly.

  • Ink #16191dRGB 22 25 29Logo, headings, text
  • Paper #fbfbf8RGB 251 251 248Backgrounds
  • Signal blue #1f5fbfRGB 31 95 191The one accent: traces, buttons, highlights
  • Signal deep #174a96RGB 23 74 150Links and accent text
  • Slate #3b4148RGB 59 65 72Body text
  • Muted #6b737cRGB 107 115 124Captions, labels
  • Paper 2 #f3f3eeRGB 243 243 238Alternate section background
  • Line #d9dbd6RGB 217 219 214Rules, borders

07 · Type

Typography

RF GRID

Montserrat

The wordmark: RF in Bold (weight 720), GRID in Medium (500). It is outlined in the logo files; use Montserrat for headings in documents and presentations. Free from Google Fonts.

Licensing specialists

System sans-serif

Body text and headings on the website: the device's own UI font (San Francisco, Segoe UI, Roboto). In documents, Arial or Helvetica.

VHF · UHF · 700/800

Monospace

Labels, figures and small captions, like annotations on a schematic: uppercase, letter-spaced.

08 · Graphic elements

Grid, spectrum and line icons

Engineering grid. An 8 px minor and 40 px major grid in a very light ink, behind everything.
0-30-60dBVHF150–170UHF450–512700/800769–862MHzSTART 100 MHzSTOP 1 GHz
Spectrum display. The bands RF Grid licenses (VHF, UHF, 700/800) drawn as an analyser trace in signal blue.
Line icons. Even 1.6 px strokes in ink, signal blue for one detail.