{/* Brand architecture — hero */}

01 · Emblem

The arrow

Our primary graphic asset. Use wherever the brand is established — favicons, app icons, social avatars, loading states, pattern work.

02 · NR lockup

The short form

Arrow + NR monogram. Used at small scales or where the full wordmark is too heavy — partner tiles, chrome, event signage, merch.

03 · Primary lockup

The wordmark

Emblem + NR + "NEXUS / REGEN". The default on first impression — web header, pitch deck title, press, signatures, PDFs.

{/* Anatomy / split master */}

{/* background grid */}

Emblem

NR monogram

One glyph, one story.

The outer L-bracket is a site boundary — where the material comes from. The inner chevron cuts up and to the right through that boundary: material moving out, moving up, moving on to its next useful life.

The NR monogram sits to the right as a logotype — a custom draw of "N" and "R" with the same chunky stroke as the arrow.

{[ ['Arrow ratio', '1 : 1 square'], ['Arrow angle', '45° upper-right'], ['Clear space', '1 × stroke (X)'], ['Min emblem', '24 px · 10 mm'], ['Corner joins', 'Square miter'], ['Inter-mark gap', '0.5 × emblem'], ].map(([k, v]) => (

{k}

{v}

))}

{/* Clear space */}

{/* Emblem colour variants */}

{/* NR lockup variants */}

{/* Full lockup variants */}

{/* Clearspace — measured exclusion zone around the mark */}

{/* Diagram side */}

{/* clearspace = 0.5 × emblem-height. Emblem 88px → X = 44px */}

{/* dotted clearspace boundary */}

{/* solid emblem-edge guides (subtle) */}

{/* X labels on each side, between emblem edge and dashed boundary */}

{/* tick marks indicating the height that defines X */}

2X · emblem height

{/* Rules side */}

X = ½ × emblem-height

The mark needs room to breathe.

{line}

{/* Minimum size — smallest acceptable rendering of the mark */}

{[ { px: 16, label: '16 px', sub: 'Use the thick-stroke favicon variant below this' }, { px: 24, label: '24 px', sub: 'Web minimum · standard emblem' }, { px: 30, label: '8 mm', sub: 'Print minimum (~30 px on screen)' }, ].map((row) => (

{row.label}

{row.sub}

))}

{`Web minimum:    24 px
Print minimum:  8 mm
Favicon (16px): use favicon-thick-yellow / favicon-thick-blue`}

{/* Do / Don't */}

{[ { k: 'do', t: 'Pair with navy or yellow', d: 'The marks always sit on one of our two primary brand fields, or on white.' }, { k: 'do', t: 'Hold the clear-space rule', d: '1× stroke of air on all four sides. More is welcome — less is not.' }, { k: 'do', t: 'Use the right mark', d: 'Emblem for small surfaces, wordmark for first impressions.' }, { k: 'dont', t: 'Never skew, tilt or stretch',d: 'The marks are always upright and at native proportions.' }, { k: 'dont', t: 'Never recolour', d: 'Only the approved fills — navy, yellow, white, black.' }, { k: 'dont', t: 'Never rebuild the wordmark', d: 'Use the provided artwork. Do not set NEXUS REGEN yourself.' }, ].map((r, i) => (

{r.k === 'do' ? '✓' : '×'}

{r.t}

{r.d}

))}

{/* Min sizes */}

{[ { label: 'Emblem', minPx: 24, minMm: 10, kind: 'emblem' }, { label: 'NR lockup', minPx: 80, minMm: 20, kind: 'nr' }, { label: 'Wordmark', minPx: 160, minMm: 32, kind: 'word' }, ].map((row, i, arr) => (

{row.label}

{row.kind === 'emblem' && } {row.kind === 'nr' && } {row.kind === 'word' && }

DIGITAL

{row.minPx}px

{row.minMm}mm

))}