// Marks-round3.jsx — convergence round.
//
// Founder picks this round: Z9 (compact die), X9 (built N), Z5 (wide-
// gap built N). Two of three are the same lineage — built N is the
// direction. Z9's role here is the modular grid signature.
//
// This round narrows. Six options only:
// W1–W4 · proportion / weight studies on the built N
// W5 · cellular N — bridge between built-N and Z9's grid
// W6 · built N + crop-mark corners — bridge with Z9 again
//
// If any of these land, the next step is to roll the winner through
// letterhead, card, datasheet, signatures, and favicon.
// ─────────────────────────────────────────────────────────────
// W1 — Built N, classic
// The "production" version of X9. Carefully tuned: 14-wide
// verticals, ~14-wide diagonal, balanced gaps and margins.
// Quietly more confident than X9 without losing the construction.
// ─────────────────────────────────────────────────────────────
function MarkBuiltClassic({ size = 64, color = '#003DA5' }) {
return (
);
}
// ─────────────────────────────────────────────────────────────
// W2 — Built N, narrow
// Same construction, narrower legs (12 wide) and a tighter
// overall footprint. More upright; more typographic.
// Looks like an N from a condensed sans.
// ─────────────────────────────────────────────────────────────
function MarkBuiltNarrow({ size = 64, color = '#003DA5' }) {
return (
);
}
// ─────────────────────────────────────────────────────────────
// W3 — Built N, square
// 1:1 aspect — the N is roughly as wide as it is tall. More
// chiselled; better in tight contexts (favicon, app icon).
// ─────────────────────────────────────────────────────────────
function MarkBuiltSquare({ size = 64, color = '#003DA5' }) {
return (
);
}
// ─────────────────────────────────────────────────────────────
// W4 — Built N, heavy
// X9 with markedly heavier pieces (18-wide verticals, 18-wide
// diagonal). More authoritative; less air. Pulls the mark away
// from "drafted" and toward "stamped".
// ─────────────────────────────────────────────────────────────
function MarkBuiltHeavy2({ size = 64, color = '#003DA5' }) {
return (
);
}
// ─────────────────────────────────────────────────────────────
// W5 — Cellular N
// N constructed from discrete square cells on a 5×5 grid.
// Bridges built-N and Z9: same primitive (square) but
// arranged to draw the letter. More "stamped" than X6's
// dot grid, more "letter" than Z9's pure die.
// ─────────────────────────────────────────────────────────────
function MarkCellularN({ size = 64, color = '#003DA5' }) {
const grid = [
'10001',
'11001',
'10101',
'10011',
'10001',
];
const cell = 14;
const gap = 3;
const w = 5 * cell + 4 * gap;
const ox = (100 - w) / 2;
const oy = (100 - w) / 2;
const cells = [];
for (let r = 0; r < 5; r++) {
for (let c = 0; c < 5; c++) {
if (grid[r][c] === '1') {
cells.push(
);
}
}
}
return (
);
}
// ─────────────────────────────────────────────────────────────
// W6 — Built N + crop marks
// Built N flanked by four small filled squares at the corners
// of an implied frame — printing-registration / crop-mark
// register. Pulls Z9's "small filled square as signature" idea
// into the X9 lineage without surrounding the N in a box.
// ─────────────────────────────────────────────────────────────
function MarkBuiltCrop({ size = 64, color = '#003DA5' }) {
return (
);
}
// Registry
const ROUND3_MARKS = [
{ id: 'W1', family: 'BUILT', name: 'Built N, classic', desc: 'The production version of X9. Carefully tuned proportions, balanced gaps and margins. Quietly more confident.', Comp: MarkBuiltClassic },
{ id: 'W2', family: 'BUILT', name: 'Built N, narrow', desc: 'Tighter footprint, narrower legs. More upright and more typographic \u2014 reads like a condensed sans.', Comp: MarkBuiltNarrow },
{ id: 'W3', family: 'BUILT', name: 'Built N, square', desc: 'Roughly 1:1 aspect. Chiselled, more compact \u2014 wins in tight contexts like favicons and app icons.', Comp: MarkBuiltSquare },
{ id: 'W4', family: 'BUILT', name: 'Built N, heavy', desc: 'Markedly thicker pieces. Pulls the mark away from drafted and toward stamped. More authority, less air.', Comp: MarkBuiltHeavy2 },
{ id: 'W5', family: 'HYBRID', name: 'Cellular N', desc: 'N drawn on a 5\u00d75 cell grid. Bridges X9 and Z9 \u2014 same square primitive, arranged to form the letter.', Comp: MarkCellularN },
{ id: 'W6', family: 'HYBRID', name: 'Built N + crop marks', desc: 'Built N with four filled crop-mark squares at the corners. Pulls Z9\u2019s signature pip into the X9 lineage without a box.', Comp: MarkBuiltCrop },
];
Object.assign(window, {
MarkBuiltClassic, MarkBuiltNarrow, MarkBuiltSquare, MarkBuiltHeavy2,
MarkCellularN, MarkBuiltCrop,
ROUND3_MARKS,
});