Iconografía e Ilustración

El sistema de iconos no ilustra a Nonova: señala. Es el contrapunto funcional del wordmark —misma sobriedad y corrección óptica, registro complementario: la firma habla en didone, el sistema informa en monolineal— y carga "lo probado" en la misma gramática que carga "envío" o "ingrediente", para que la verificación se lea como dossier y nunca como sello de farmacia.

Posición

La iconografía de Nonova es un sistema monolineal abstracto-geométrico construido sobre grid de 24px, stroke uniforme de 1.5px, terminales a tope y esquinas de 2px — leído como el pariente cercano del wordmark, no como un set descargado. La ilustración figurativa se declina por completo (anti-pattern No ilustración figurativa, brand-context §4): el sistema de iconos es la postura ilustrativa de la marca, y cualquier representación —incluida la del cuerpo, el ingrediente o la prueba— se resuelve por abstracción geométrica, nunca por dibujo. La decisión que carga el doc: la iconografía de "lo probado" (verificación de terceros, COA, lote) se dibuja en la misma gramática y el mismo peso que el icono de utilidad más banal, y siempre acompaña un dato compuesto en monospace — esa doble disciplina (mismo lenguaje + dato tipográfico de dossier) es lo que vuelve la prueba firma de dossier y no sello clínico. Con eso, este doc resuelve la mitad icónica de la tensión heredada #2 (cómo visualizar lo probado sin clínico-genérico; archetype.mdx §"Tensiones no resueltas" #1, pillars.mdx §"Tensiones no resueltas" #4): la prueba no recibe ningún privilegio visual. La proporción de superficie 60/40 —cuánto del front es calidez material vs evidencia legible— NO es scope de este doc; su ejecución se hereda a packaging (Phase 5) contra el anti-pattern ya enmendado por #44 (OQ#1 abajo) — es decisión de materia y composición de empaque, no de glifo. Los iconos son invariantes F/P/L absolutos: idénticos en los tres tiers — ningún tier los tiñe. El eje F/P/L es firma compositiva tipográfica sin hue (color.mdx locked, #44); no existe acento de color de tier que pudiera tocarlos.

Sustento

Denise Lee Yohn — brand-as-business (cada elemento = un commitment + un enemy). El sistema de iconos commitment es legibilidad sin decoración; su enemy es el icono-ilustración (la hojita, la gota, el átomo, el sol naciente) que decora en vez de señalar. Cada icono de Nonova existe para hacer legible una función o un dato, no para dar calidez — la calidez la carga el material (papel, sombra, foto), no el pictograma. Esto es la jerarquía madre de la postura hecha decisión de icono: autoridad en la sustancia, calidez en el trato, nunca al revés (archetype.mdx §"La postura" línea 144, verbatim; reformulada para personalidad en personality.mdx §"Autoridad cálida"). Un icono que intenta ser cálido es un icono que abandonó su trabajo.

Neumeier — enemy + action test, aplicado a cada constante del sistema. El sistema se define tanto por lo que no dibuja como por lo que dibuja: no figurativo, no relleno, no esquinas redondeadas blandas, no badge tipo escudo/listón/estrella, no color como semántica. Cada una de esas negaciones es la sombra de una decisión positiva (ver El sistema).

Reference set discipline (#42) — capa vs espina, sin mezclar funciones. La capa (cómo se ve y se toca) toma de MUJI / Monocle la disciplina del pictograma sobrio, monolineal, sin afectación — el icono que informa sin alzar la voz. La espina (de qué responde) NO se estetiza: la iconografía de prueba toma su rigor de la cultura de instrumento y de COA pública (NSF / USP / patrón Momentous-Thorne / Patagonia Footprint) entendida como precisión de lectura, no como su grafismo literal (archetype.mdx §"La postura" líneas 138-144). Tomo de esa cultura la nitidez y la sobriedad; rechazo explícitamente su iconografía nativa —el escudo NSF, el sello redondo USP— porque ese grafismo es el clínico-genérico que el anti-pattern Centrum/Solgar prohíbe (brand-context §4 Anti-modelos). Aēsop/COS no entran como referencia de icono: su sistema icónico es casi inexistente por diseño, y copiarlo sería abdicar de la espina.

El keystone heredado de Tipografía — con una nota de dependencia. La tensión #2 —cómo mostrar la prueba sin caer en sello clínico— se resuelve a dos manos con Tipografía: el dato de prueba vive en monospace, lo que vuelve "lo probado" una firma de dossier y no de etiqueta. La iconografía cierra la otra mitad: el glifo de verificación no opera solo, opera como ancla tipográfica de un dato mono. Un checkmark suelto sobre blanco brillante es Centrum; el mismo checkmark, construido desde el grid, en stroke de 1.5px, anclando verificado por terceros · lote 0426 en mono sobre papel mate, es dossier. La diferencia no está en el icono — está en que el icono nunca aparece sin su dato, y el dato vive en sistema de dossier. Dependencia declarada: el argumento "misma fundición que la sans = dossier" es más fuerte si la mono es la compañera de familia de la sans de cuerpo (mismo diseñador, misma fundición — p.ej. Söhne + Söhne Mono de Klim). Pero el doc de Tipografía aún no está lockeado (Phase 4 está bloqueada por tools, brand-context §1), así que aquí la mono se trata como provisional (propuesta nueva, sujeta a Tipografía). Lo invariante —y lo que sostiene la mitad icónica de #2 aunque la fundición cambie— es la disciplina del lockup (icono geométrico + dato monoespaciado + papel mate), no la marca tipográfica concreta. Si la mono final no comparte fundición con la sans, se pierde el matiz "mismo origen = un solo dossier", pero no la firma de dossier en sí.

El test heredado de pillars — "legible de cerca / invisible de lejos a 3m" (pillars.mdx §"La regla de decisión que hereda Phase 4", verbatim del invariante) — aplicado a la iconografía: los iconos son firma del estándar, portados íntegros por Foundation y heredados íntegros por Performance/Longevity. No hay "icono Performance" más técnico ni "icono Longevity" más orgánico — eso codificaría tribu (brand-context §4 Género-neutral). Post-#44 no hay eje de color variable: la propuesta de pillars (acento subordinado) quedó superseded — la variable F/P/L es composición tipográfica, no color de icono, y un icono jamás se lee como de otro tier a ninguna distancia.

Logo-Swap implícito. Si AG1, Centrum o Vitday pudieran firmar este set de iconos, está roto. El test lo aplico en cada decisión: el relleno verde-botánico es AG1; el escudo de sello es Centrum; el icono "smart/app" redondeado es Vitday/CellX. El sistema se construye en el cuadrante que ninguno ocupa: monolineal de instrumento + abstracción geométrica + sin badge.

El sistema

Constantes de construcción (la firma — invariante F/P/L)

Relación con el wordmark — contrapunto funcional, no misma mano. El wordmark es un didone modulado de alto contraste; el icono es trazo uniforme: no comparten construcción y pretenderlo sería esconder la tensión. Lo que SÍ transfiere: el eco del radio 2px, la disciplina de corrección óptica, el restraint, y (en la mono del dato) la misma fundición del cuerpo. Lo que NO: la modulación de trazo — el wordmark modula, el icono informa en peso uniforme. El registro es complementario: la firma habla en didone; el sistema señala en monolineal. El stroke de 1.5px se calibra para igualar ópticamente el peso de la sans de cuerpo a tamaño de UI — un icono no debe pesar más que el texto que acompaña (propuesta nueva — regla de jerarquía de este doc; consistente con el techo de evidencia de pillars.mdx §"Tensiones" #4 y archetype.mdx §"Consecuencias downstream" #2: la prueba está presente y legible pero no domina).

Las dos familias funcionales (mismo lenguaje, mismo peso)

La decisión central del doc: no hay un lenguaje visual de "sellos" separado del lenguaje de "iconos". Una sola gramática. La familia de prueba no se distingue por cómo está dibujada (todo es 1.5px monolineal abstracto) sino solo por qué señala — y nunca recibe privilegio visual (tamaño, color, ornamento) sobre la familia de utilidad. Eso es lo que mantiene el techo del plano de evidencia: la prueba está presente y legible (piso) pero no domina (techo), porque el sistema de iconos le niega cualquier escala o color especial. Ese techo no lo inventa este doc — lo hereda de pillars.mdx §"Tensiones no resueltas" #4 (la prueba sube al frente pero la calidez sigue gobernando, solo parte de la prueba asciende) y de archetype.mdx §"Consecuencias downstream" #2 (con restraint, no exhibicionismo clínico). La negación de privilegio visual es la traducción icónica de ese techo.

Familia A — Utilidad / servicio (la rutina resuelta). Mínimo 6:

Nota de geometría — Continuidad ≠ refresh, a 16px. El glifo de refresh/sync de app se reconoce por dos arcos con cabezas de flecha tangenciales que implican rotación. La marca de continuidad de Nonova se separa por tres propiedades concretas, verificables a 16px: (1) un solo trazo de arco, nunca dos arcos opuestos; (2) terminal butt, jamás cabeza de flecha — sin triángulo, sin barba; (3) la apertura, si existe, es ≤15° en una sola posición (no las dos aperturas a 180° del símbolo de reciclaje/refresh). Si el resultado generado lee como refresh, el fix es cerrar la apertura a 0° y dejar la continuidad implícita en un único punto de retorno sobre el trazo, no en una flecha.

Familia B — "Lo probado" (la espina, en la misma gramática). Mínimo 4 — la parte que resuelve la mitad icónica de la tensión #2:

La regla que cierra la mitad icónica de la tensión #2 (verbatim para downstream):

Ningún icono de la Familia B aparece solo. Siempre ancla un dato en monospace (--font-mono, tracking de dato), sobre papel mate, en --color-ink — la prueba no tiene pigmento propio (color.mdx locked, decision-log #44); si la pieza porta estado verificado, el tick va en --color-accent-display (bronce), micro-dosificado. Deslinde: el checkmark de la Familia B (grid, Tinta, ancla el dato «verificado por terceros») y el tick de estado ✓ (bronce, marca un estado del sistema) no son el mismo glifo ni el mismo rol — el primero es icono de dato, el segundo es señal de estado compartida con la UI. El icono es del tamaño del texto que acompaña, nunca mayor. Un sello sin dato es decoración clínica; un dato sin icono es regulatorio frío; icono geométrico + dato mono + papel mate = dossier verificado. Esa tríada es la firma de "lo probado" de Nonova.

El color en los iconos

El sistema de color maestro ya cerró (color.mdx locked 2026-07-07, decision-log #44): sistema neutral grafito + papel + bronce, sin pigmento de espina (Verificado retirado — la prueba se porta en voz mono + Tinta + posición) y sin acento de tier (el eje F/P/L es firma compositiva tipográfica, Posición B). La tabla de abajo consume esos tokens; la propuesta del acento frío que este draft traía quedó superseded por el decision-log.

El "frío de instrumento" — histórico, retirado por #44. El draft previo proponía una regla de hue para un acento frío de prueba (#4C5A57). El decision-log #44 retiró ese pigmento del sistema: no hay permiso de temperatura fría en la iconografía — la Familia B va en Tinta como todo lo demás, y el único vector cromático es el tick de estado en bronce display, micro-dosificado (ver trade-offs). El riesgo Centrum que esa regla vigilaba quedó desactivado de raíz: sin pigmento frío no hay cian-clínico que gobernar.

Export y naming (specs de producción)

Trade-offs reconocidos

Monolineal por encima de relleno sólido (filled). Consideré un sistema de iconos de relleno (más presencia, más cuerpo a primera vista). Rechazado: el relleno empuja hacia el pictograma-app y, en la Familia B, el relleno produce exactamente el sello macizo que es Centrum/NSF literal. La línea de 1.5px es instrumento; el relleno es señalética de farmacia. El relleno queda disponible solo como estado puntual de UI (icono activo/seleccionado), nunca como lenguaje base.

Stroke de 1.5px por encima de 2px o 1px. 2px lee robusto pero pesa más que el cuerpo de texto y arrastra hacia lo masculino-brutal; 1px desaparece a tamaño de UI y traiciona la legibilidad de instrumento. 1.5px es el peso que iguala ópticamente a la sans de cuerpo — la decisión está atada al sistema tipográfico, no al gusto.

Familia de prueba en la MISMA gramática, no en un lenguaje de "sellos" aparte. El camino fácil era darle a "lo probado" su propio sistema de badges (más reconocible como "certificación"). Rechazado de raíz: ese es el mecanismo por el que un sistema cae en clínico-genérico, y rompería el techo del plano de evidencia (pillars.mdx §"Tensiones" #4) al darle a la prueba un privilegio visual que la vuelve dominante. Una sola gramática es lo que mantiene la prueba al frente pero no dominante — y es la mitad icónica del keystone que Tipografía sostiene con la mono.

Checkmark construido desde el grid, no el carácter tipográfico ✓ ni el de la fundición. Tentación de usar el glyph de check de la fuente. Rechazado: el glyph tipográfico tiene modulación de la fuente y no se sienta como instrumento; el check geométrico, reconstruible desde parámetros, es parte del sistema de iconos y no un préstamo. (El glifo de marca cliente-facing —el sello del sachet, hoy el símbolo OO, #72— es scope del doc de Logo, y su construcción es literal: los letterforms del wordmark reubicados, no una derivación del grid de iconos ni de un concepto aparte; Marco 04 es uso interno, brand-context §3.)

El acento frío de prueba — propuesto por este draft, superseded por #44. Este doc proponía un gris-instrumento (--color-verified) para el dato de la Familia B. El decision-log #44 lo resolvió distinto y mejor: en un sistema cuyo campo ya es neutro-calibrado, la prueba no necesita pigmento — la carga la voz mono en Tinta + la posición; un color dedicado se acercaba al badge. Los iconos de prueba heredan esa disciplina: Tinta siempre; el tick de estado en bronce display es la única marca cromática, compartida con los estados del sistema (reconocido en color.mdx §plano de evidencia).

"Premium" purgado de los briefs. Los briefs de generación describen el resultado con material —monoline, instrument-precise, butt-cap, matte, restrained— y nunca con plastic adjectives (brand-context §4 No plastic adjectives), porque el brief se pega verbatim y el plástico se arrastra al artefacto.

Briefs de generación

Iconos vectoriales — herramienta principal Recraft (control de stroke, grid, SVG export, set styles), respaldo Ideogram para exploración rápida de concepto. Salida vectorial editable; el grilling y la corrección óptica final son manuales en Figma. Pegar verbatim; el descriptor es material, nunca "premium".

Brief 1 — Estilo base del sistema (Recraft, crear "icon style" reutilizable)

Monoline geometric icon system, single uniform 1.5px stroke weight, butt-cap
terminals (flat, not rounded), miter joins, sharp 2px corner radius — precise
but not brutalist, sober but not delicate. Constructed on a 24px grid from
centers and radii, optically corrected. Single color #26231F on warm gallery paper
#FCFBF9. No fills, no gradients, no color-coding. Abstract and geometric only:
absolutely no leaves, no droplets, no atoms, no pills, no mascots, no figurative
shapes. Adult, gender-neutral restraint — neither brutal-masculine bold nor
delicate-feminine soft. Instrument-grade clarity, the visual language of a
considered dossier, not an app icon kit and not a clinical pharmacy seal.

Brief 2 — Familia de utilidad (Recraft, batch 1, con el style de Brief 1)

Using the established monoline style: a set of 6 abstract-geometric icons —
(1) a month-protocol mark as a grid of resolved modular cells (never a number,
never a count); (2) a daily double-sachet as two offset rounded rectangles at
45 degrees; (3) continuity as a closed circle with a single return point, NO
dramatic arrow, NO arrowhead, NO double-arc refresh symbol; (4) a made-decision
as concentric circles with a minimal solid center; (5) a stackable F/P/L system
as three parallel planes mounting without fragmenting; (6) coverage/delivery as
an abstract sheet that covers without gaps — NO map, NO regional reference.
1.5px stroke, butt caps, 2px corners, #26231F on #FCFBF9, no fills, optically
balanced on 24px grid.

Brief 3 — Familia "lo probado" (Recraft, batch 2 — la espina)

Using the same monoline style, exactly the same 1.5px weight as the utility set
— NO heavier, NO badge treatment: a set of 4 proof icons — (1) third-party
verification as a bare checkmark CONSTRUCTED from grid geometry, two strokes at
45/90 degrees, NO shield, NO ribbon, NO star, NO round seal container;
(2) content identity/purity as transparency expressed through overlapping
geometric planes seen through one another, NO bottle, NO capsule; (3) declared
dose as a marked measurement segment, a geometric rule, NO dropper, NO droplet;
(4) lot/traceability as a rectangular field-frame built to contain a real
alphanumeric code. Single ink color — the proof carries NO dedicated pigment;
if a verified STATE must be shown, one micro matte-bronze tick #927656 beside
the data, never tinting the icon. Sober, dossier-grade, the opposite of a
clinical certification badge. #26231F on matte #FCFBF9, 24px grid.

Brief 4 — Lockup de prueba (Recraft o Figma compose — la tríada que resuelve la mitad icónica de #2)

Composition study, not a single icon: the verification checkmark icon and the
lot-frame icon shown anchoring real data set in a monospace face, lowercase,
e.g. "verificado por terceros · lote 0426", on matte warm paper #FCFBF9.
Icon the same optical size as the text, never larger. The reading must feel like
a dossier line item — precise, quiet, factual — never like a glossy
certification stamp on bright white. Restrained, matte, instrument-grade. No
headline, no "clinically proven", no emphasis color — at most one micro
matte-bronze status tick #927656, never on the data itself.

[Mono face: use the body-sans's family companion once Typography locks it
(target: Söhne Mono, same foundry as the body sans — this is what earns the
"single dossier, one origin" read). Until that lock, generate with JetBrains
Mono as a PLACEHOLDER only; note that with a non-family mono the "same foundry"
nuance is lost — swap to the real family mono before production.]

Brief 5 — Stress test anti-Centrum (Ideogram, contraste de validación)

Two side-by-side icon treatments of the same "third-party verified" concept,
to contrast and reject the wrong one: LEFT (reject) — a glossy circular
certification seal with a ribbon and a bold checkmark on bright white, generic
clinical pharmacy style. RIGHT (adopt) — a single bare grid-constructed
checkmark, 1.5px monoline, butt caps, anchoring a small monospace lot code on
matte warm off-white, dossier style. Label the contrast. The right treatment is
the Nonova standard; the left is exactly what to avoid.

Open questions

1. La proporción de superficie 60/40 (herencia a packaging). Este doc resuelve la mitad icónica de la tensión #2 (la prueba no recibe privilegio visual dentro del sistema de iconos), pero NO toca la proporción de superficie —cuánto del front/caja/foto es calidez material apothecary vs evidencia legible— que el reframe heredó como tensión #1 (pillars.mdx §"Tensiones" #4, archetype.mdx §"Tensiones" #2). Esa proporción es decisión de packaging (Phase 5) contra la relectura ya lockeada del anti-pattern (jerarquía de superficie de trabajo, brand-context §4 enmendada por #44). El acento de tier ya no existe: color.mdx (locked) retiró Arcilla/Óxido/Olivo y cerró el eje F/P/L como firma compositiva tipográfica sin hue — los iconos jamás se tiñen por tier (tabla de color, arriba).

2. El glifo / sello cliente-facing del sachet (la "marca de protocolo aprobado tipo sello" del brief.mdx §"Logo / marca" línea 222, verbatim) es scope del doc de Logo, no de este doc. Estado post-#72 (supersede de #46): la marca de soporte ya no es el monograma C1 — es el símbolo de las dos «o» entrelazadas (logo.mdx, decision-log #72), que es el slice de los anillos del wordmark trazado, no un sello abstracto ni un redibujo. Corrección de la premisa anterior: el símbolo NO comparte el grid de iconos —no se construye en 24 px / stroke 1.5 px / butt / miter / esquina 2 px— y no debe. Es marca con ADN didone (contraste vertical, hairlines, ductus de la «o»), no señal monolineal del sistema. Lo que la Familia B (prueba) y el símbolo comparten es restraint y corrección óptica, no construcción — el mismo contrapunto funcional que separa al wordmark (didone modulado) del icono (trazo uniforme): la firma habla en didone, el sistema informa en monolineal (§ Relación con el wordmark). Regla bidireccional (conservada, reasignada #72): ningún icono del sistema se usa como marca; el símbolo OO nunca se usa como icono de UI o de dato. La línea exacta para no invadir #2: este doc fija cómo se dibujan los iconos de prueba; el símbolo de marca —su forma, su construcción— lo decide Logo.

3. Iconografía de UI/web específica (estados, navegación, micro-interacción del sitio en vivo) se hereda a Phase 5 — Design System & Application y a Phase 6; este doc fija el sistema base y las dos familias, no el set completo de producto.

4. Precondición de producto (no de diseño). La Familia B muestra prueba; que la verificación de terceros exista al launch es precondición de producto, no de iconografía (archetype.mdx §"La postura" línea 150 contingencia de la espina; pillars.mdx §"Tensiones" #3; brief.mdx §13 estado del producto formulado). Si al launch no hay COA real, los iconos de prueba ilustran un claim sin respaldo y el sistema colapsa al anti-modelo Centrum. El visual no lo resuelve; lo nombra.