radar brand

Radar — Brand

Radar is Rechaj’s God-view vehicle-telemetry control center (the product formerly called Hermes). Its mark is a radar scope mid-sweep — concentric range rings, a crosshair, a sweeping wedge that fades behind it, and a single bright blip. It says “we see the whole field, live” in one glyph. Direction: Scope Sweep, built on the Rechaj brand system.

Single source of truth: components/radar/. Visual sheet: components/radar/index.html.

Anatomy

Part	What it is	Colour (dark)
Range rings	three concentric circles (r 29 / 19.5 / 9.5 on a 64 viewBox)	green @ 0.18 / 0.18 / 0.42 alpha
Crosshair	faint H + V graticule lines	green @ 0.13 alpha
Sweep	a wedge from centre, gradient-fading behind the leading edge, locked at −28°	`#01E46F` → transparent
Blip	the contact the sweep just passed	solid `#01E46F`
Centre	the station / ownship dot	solid `#01E46F`

The sweep angle and blip position are part of the mark — do not re-pose them in static use. (radar-mark-animated.svg is the one sanctioned moving version: a self-contained SMIL loop.)

Colours

Token	Hex	Use
Primary green	`#01E46F`	rings highlight, sweep, blip, centre — = Rechaj brand `primary.6`
Command dark	`#0A0F0B`	preferred surface — Radar runs dark (app icon tile, splash)
Brand dark	`#0F1D0F`	the monochrome-dark mark
Yellow accent	`#E5FF03`	alert states only, sparingly — never the resting mark

On light surfaces the rings/sweep shift to dark green (#1B4828 / #206C39) so the mark reads on white, while the blip + centre stay #01E46F. Use the -light asset variants (or the theme-aware RadarMark component in the app, which drives ring/sweep colour from --radar-* tokens).

Type

Wordmark = General Sans Bold, letter-spacing −0.04em, in #EAF7EE on dark / #0F1D13 on light. The lockup/wordmark SVGs reference General Sans via @import — load the webfont or outline the text for hard production use. (Rechaj’s UI/body type stack is unchanged: General Sans + JetBrains Mono.)

Assets — `components/radar/`

File	Use
`radar-mark.svg`	primary mark, colour, for dark surfaces (transparent bg)
`radar-mark-light.svg`	mark tuned for light surfaces
`radar-mark-animated.svg`	the sanctioned animated sweep (SMIL loop)
`radar-mark-mono-white.svg` / `radar-mark-mono-dark.svg`	single-colour, for photos / over-imagery
`radar-app-icon.svg`	rounded dark app tile, 120px
`radar-favicon.svg`	simplified mark for 16–32px
`radar-lockup-h-{dark,light}.svg`	horizontal lockup (mark + “Radar”)
`radar-lockup-v-{dark,light}.svg`	vertical lockup
`radar-wordmark-{dark,light}.svg`	wordmark only

Where it’s used

The Radar command center: switcher / top-left brand (products/hermes-web-app/flows/god-view/, rendered in-app by the theme-aware RadarMark component) and the Field Technician mobile header.
Favicon + app icon for the Radar surface.
Splash / login / empty states on the Radar product.