Brand icons

The Nexus ReGen brand icon system: the arrow emblem with a legibility weight scale, the logo variants coloured by token, and a Google-style product app-icon family. The arrow always points down-left — never flip, mirror or rotate it; and Nexus yellow is never used as text on white.

Emblem weights

The source emblem renders as a thin keyline, which reads too light when small. NxEmblem adds a weight scale — regular (bare keyline), medium and bold (thickened by a same-colour stroke), and solid (the filled silhouette). Shown at 64px, then 24px and 16px to prove small-size legibility.

regular
medium
bold
solid
regular
medium
bold
solid
24px
16px — bold and solid must still read clearly

Logo variants

The reworked NxLogo, drawn inline and coloured by token: navy emblem + navy wordmark on light; accent-yellow emblem + white wordmark on dark (the fixed behaviour — yellow arrow, white text, never yellow-on-white). On a solid navy band the monochrome escape hatch collapses the whole mark to one colour.

Nexus ReGenNexus ReGenNexus ReGen
Nexus ReGenNexus ReGenNexus ReGen
Monochrome on a bg-brand-600 band
Nexus ReGenNexus ReGenNexus ReGen

App icon family

Google-style product icons: the arrow on a rounded tile, tinted by a fixed brand tone with a small glyph top-right. These are identity artefacts — their hexes never flip with light/dark or the brand variant. Shown at 64px, then again at 28px in a mock dock to prove the family stays coherent when small.

Nexus AssuranceAs
Assurancenavy
Nexus GeoGeo
Geoocean
Nexus SoilSo
Soilevergreen
Nexus MRFMRF
MRFember
Nexus LabsLab
Labsultraviolet
Nexus AdminAd
Admingraphite
Nexus SignalSig
Signalyellow
Nexus DocsDo
Docspaper
28px — a mock taskbar / dock strip
Nexus AssuranceAsNexus GeoGeoNexus SoilSoNexus MRFMRFNexus LabsLabNexus AdminAdNexus SignalSigNexus DocsDo

Favicons & app tiles

For favicons use the bare bold-keyline emblem (navy on light, yellow on dark) — the outlined house style, thickened to stay crisp at 16px. For PWA/maskable icons use a padded tile so the emblem clears the platform's circular safe zone.

Favicon — bare bold emblem at 16 / 32 / 48px
App tile — tiled emblem at 32 / 48px
Maskable safe zone — the emblem stays inside the circular crop

Platforms crop maskable icons to a circle. NxAppIcon centres the arrow well within the ~80% safe zone (dashed), so it survives the crop on Android, iOS and Windows tiles. Use shape="circle" when a round icon is wanted outright.

Download

Each app-icon card above has a download button that serialises its live SVG node to a Blob and saves it as <name>-icon.svg — entirely client-side, no server round-trip.

The download uses XMLSerializer on a clone of the rendered node, wrapped in a Blob — so what you save is exactly the vector shown, at its native resolution.