// identity-board.jsx — Complete identity board for North Atlantic Semiconductor, Inc.
//
// One long vertical document (1440 px column) that packages the chosen system —
// W2 narrow built-N mark + corner registration pips, System B blue, Michroma /
// IBM Plex Mono / Helvetica Neue type — across every required production register.
//
// Section order:
// §00 Masthead
// §01 System — two primitives, one rule
// §02 Mark — construction, anatomy, clear space
// §03 Mark — colour treatments + scale
// §04 Wordmark
// §05 Lockup
// §06 Layout primitive — corner pips
// §07 Colour systems
// §08 Typography
// §09 Voice + correspondence
// §10 Applications
// §11 Colophon
//
// Production components (Letterhead, BusinessCard, DatasheetPage1/2, Website,
// HtmlSignature, StationerySheet, CSWebCards, CSDatasheetHeader) are re-used
// at their native sizes and scaled to fit board panels.
const IB = {
blue: '#003DA5',
ink: '#111111',
grey: '#666666',
rule: '#dcd9d2',
bg: '#f0eee9',
paper:'#ffffff',
};
const mono = {
fontFamily: '"IBM Plex Mono", ui-monospace, monospace',
letterSpacing: '0.08em',
};
// Body face — IBM Plex Sans. Same foundry / family as Plex Mono used in the
// register; reads more lawyered and less Swiss-modern than Helvetica, and
// keeps the wordmark (Michroma) and register (Plex Mono) in one extended set.
const sans = {
fontFamily: '"IBM Plex Sans", "Inter", system-ui, sans-serif',
};
// ─────────────────────────────────────────────────────────────
// Shared chrome
// ─────────────────────────────────────────────────────────────
function SectionHead({ no, title, lede }) {
return (
§{no}
{title}
{lede && (
{lede}
)}
NORTH ATLANTIC SEMICONDUCTOR IDENTITY BOARD · 1986
NORTH ATLANTIC SEMICONDUCTOR, INC. · IDENTITY BOARD · v1.0 · 14 MAY 1986FOR THE FILE · OFFICE OF THE CORPORATE SECRETARY
The corporate identity in a single document. Mark, wordmark, lockup,
and the layout primitive that carries them — colour, type, language
and the production artefacts that close out the brief.
ROUND 08 · FINAL W2 NARROW BUILT-N + CORNER REGISTRATION PIPS
SYSTEM B · PANTONE 286 C
);
}
function Stat({ k, v }) {
return (
{k}
{v}
);
}
// ─────────────────────────────────────────────────────────────
// §01 — System: two primitives
// ─────────────────────────────────────────────────────────────
function Sec01() {
return (
W2 · NARROW BUILT-N
Reads as a glyph from a condensed sans, not as a logo.
Carries the semiconductor signal by proportion. Survives 16 px.
CORNER REGISTRATION PIPS
Four filled squares at the corners of every page, card,
register block and content module. The vocabulary of a fab datasheet.
RULE · THE TWO PRIMITIVES MEET ACROSS A LAYOUT.
THEY NEVER COMBINE INSIDE THE MARK.
);
}
// ─────────────────────────────────────────────────────────────
// §02 — Mark construction
// ─────────────────────────────────────────────────────────────
function ConstructionGrid({ size = 320 }) {
// 100×100 grid; draws unit-rule lines + W2 on top.
const stroke = '#cfd9ea';
const major = '#9fb3d6';
const cells = [];
for (let i = 10; i < 100; i += 10) {
cells.push();
cells.push();
}
return (
);
}
function ClearSpaceDiagram({ size = 320 }) {
// Mark surrounded by an "N-square" clear zone (one stem width on every side).
return (
);
}
function ScaleRow() {
const sizes = [16, 32, 64, 96, 144];
return (
{sizes.map((s) => (
{s}px
))}
);
}
function Sec02() {
return (
VERTICAL 12u × 76u, twice
DIAGONAL 10u apex tapering across 76u
CAP BOX 56u × 76u, centered
MARGIN 22u left / 22u right
NO CURVES reads at any resolution
Reserve a clear zone equal to one stem width on all four sides of
the cap box. Nothing — type, rule, photograph, edge of substrate
— crosses this boundary. The corner pips of the surrounding page
live outside this zone.
Minimum size: 16 px on screen, 0.20 in print. Below 16 px the
letter still reads but spacing inside the lockup compresses past
legibility — switch to mark-only.
NORTH ATLANTIC SEMICONDUCTOR}
meta={<>USE FOR WORDMARK ONLY — NEVER BODY NEVER UI}
/>
NA-1804B · 14-BIT A/D · 200 KSPS · N28 / SO28
TELEX 510-3211 NATLSEMI · 14 MAY 1986
}
meta={<>WEIGHTS 400 / 500 / 600 — TRACK +60 ALL CAPS — PART NUMBERS, DATES, TELEX, FIELDS}
/>
IBM Plex Sans · primary body}
role="03 · BODY"
sample={
The matter referenced above has been noted and recorded.
Communications to the Company are not accepted by post,
telephone or facsimile.
}
meta={<>WEIGHTS 400 / 500 / 600 / 700 — BODY MIN 10 PT — BODY MAX 14 PT}
/>
NAS
ABCDEFGHIJ 0123456789
NA-1804B NA-1602 NA-0812
Aa Bb Cc
The matter referenced above.
);
}
// ─────────────────────────────────────────────────────────────
// §09 — Voice + correspondence
// ─────────────────────────────────────────────────────────────
function Sec09() {
const Rule = ({ n, title, body }) => (
R{n}
{title}
{body}
);
return (
);
}
// ─────────────────────────────────────────────────────────────
// §10 — Applications
// Re-uses production components scaled to fit board panels.
// ─────────────────────────────────────────────────────────────
function ScaledFrame({ w, h, scale, children, label, sub }) {
// child renders at native (w,h); we visually scale it.
const dispW = Math.round(w * scale);
const dispH = Math.round(h * scale);
return (
{label}{sub}
{children}
);
}
function Sec10() {
const InvLine = ({ n, v }) => (
{n}{v}
);
return (
FOR REVIEW AT NATIVE SIZE,
SEE index.html · DESIGN CANVAS.
);
}
// ─────────────────────────────────────────────────────────────
// §11 — Colophon
// ─────────────────────────────────────────────────────────────
function Sec11() {
const Line = ({ k, v }) => (
{k}{v}
);
return (
NORTH ATLANTIC SEMICONDUCTOR, INC. · NEW YORKEND · §11 OF 11