Sistema de Color

El color de Nonova no decora: jerarquiza. Dos campos leídos como un libro —portada grafito grave, interior de papel blanco cálido— y un solo acento funcional de bronce. La neutralidad no es ausencia de temperatura: es balance frío↔cálido. La prueba no tiene pigmento propio: se porta en voz tipográfica (mono), en Tinta, al frente. Entre tiers no cambia ningún color — cambia una firma compositiva.

Posición

El sistema de color de Nonova es el sistema neutral — grafito + papel + bronce (decision-log #44, supersede de la master palette cálida; spec: 2026-07-07-supersede-paleta-sistema-neutral.md). Tres familias, no siete maestros: un campo grafito frío (oklch(0.170 0.006 255)) que carga el umbral —portada y contraportada del libro—, un interior de papel blanco cálido (oklch(0.988 0.003 85)) que carga la superficie de trabajo —donde el cliente lee, compara, audita—, y un acento de bronce mate (oklch(0.585 0.058 70)) que carga la función —links y estados activos/verificados, solo en el interior—. La diagonal madre (personality.mdx §"Autoridad cálida": autoridad en la sustancia, calidez en el trato, nunca al revés) se traduce a valor y temperatura: el frío grave viste el umbral y la autoridad; la calidez vive donde se trabaja y en la función — nunca como la nota más fuerte del primer plano. La prueba (lote, dosis, COA, verificador) no tiene color propio: se porta en la línea mono, en Tinta, al frente del plano de lectura — el campo neutro es el registro de instrumento que el retirado "Verificado" intentaba fabricar. Y el eje subordinado F/P/L que OQ#4 difirió a Phase 4 no es un hue: es una firma compositiva tipográfica (nombre de tier + línea de composición), consistente con la decisión diferenciación por composición (2026-07-01). El color maestro es invariante entre los tres tiers, sin excepción.

Sustento

El recorrido que este sistema cierra. Tres estaciones documentadas (DESIGN.md; decision-log #44 §1): apothecary cálido (globals.css original + draft previo de este doc) → exploración cool negro + azul pizarra (/lux-compare, cerrada) → neutral grafito + papel + bronce, donde el azul pizarra se desaturó bajo el umbral de lectura de género (chroma 0.032 → 0.012) y se contrapesó con bronce cálido. La dirección está blessed por Rodrigo (2026-07-06) y en producción en el home. Bajo la postura #42 (el estándar de lo probado — rigor/agencia, no contenedor sensorial), una superficie cálida-dominante leía apothecary/spa: el mismo feel que el reframe #42 combatió en la metáfora "casa". El craft del draft cálido era correcto; su premisa de default ya no.

Por qué Verificado se retira. El draft cálido inventó un gris-instrumento frío (#4C5A57) porque "la placeholder es 100% capa y 0% espina" — un filo frío contra un campo cálido. En un sistema cuyo umbral ya es frío-neutro y cuyo interior es papel de galería, ese filo pierde su razón de ser: la prueba se porta en voz tipográfica (mono), en Tinta sobre papel (AAA), y en posición (al frente) — no en pigmento. El delta del reframe #42 (la evidencia va al frente con restraint) se cumple por jerarquía y voz, no por un color de alarma. El tick ✓ de estado verificado puede portarse en bronce, micro-dosificado: el bronce marca el estado, nunca colorea el bloque de dato.

Por qué el eje F/P/L deja de ser un hue. OQ#4 lockeó el principio (invariante = firma del estándar; variable = un solo eje subordinado) y difirió explícitamente el token a Phase 4 (pillars.mdx §206, verbatim: "el eje final y su token son decisión de Phase 4 — que puede concluir distinto si otra opción sirve mejor a la propiedad legible-de-cerca/invisible-de-lejos sin violar la firma del estándar"). Este doc concluye distinto, con tres razones: (1) la decisión diferenciación por composición, no por género (2026-07-01) ya estableció la gramática — describe la fórmula, no al cliente — y un trío de hues es exactamente el tipo de eje que esa regla vigila; (2) DESIGN.md ya prohibía el side-stripe de color como diferenciador de dossier — el "thin accent stripe along the spine" del draft cálido violaba una regla interna vigente; (3) el test heredado (legible de cerca / invisible a 3m) lo pasa mejor una línea tipográfica que un hue: tres cajas con la misma paleta exacta leen como UN estándar a cualquier distancia, y en la mano el nombre del tier + su firma de composición dice cuál tienes — con palabras y dato, la moneda de la casa.

Reference sets, cada uno en su función (lockeados #42). La capa (papel mate, tinta que no es negro puro, sombra suave) toma su temperatura de Aēsop / MUJI / COS / Monocle. La espina (el dato al frente, legible, sin teatro) toma su disciplina de NSF / USP / patrón Momentous-Thorne (COA pública) / Patagonia Footprint. El campo grafito de portada no viene de ninguno de los dos: es el registro editorial del objeto libro — la tapa grave de un dossier bien hecho — y su función es umbral, no superficie.

Frameworks. Denise Lee Yohn (brand-as-business: cada color es un commitment con un enemy) + test enemy+action de Neumeier: la portada grafito niega el blanco-anaquel clínico (Centrum, investigacion-competidores §38) y el negro-brutal masculino (Onnit); el bronce funcional niega el cobre/dorado aspiracional (Vital Proteins §39); la neutralidad-por-balance niega el slate azul género-codificado; el eje compositivo niega las tres sub-marcas. Logo-Swap: si Centrum, AG1, HealthyCell, un spa o un pivot Onnit pudieran firmar este sistema, está roto — el dúo tapa-grafito-editorial + papel-de-galería + evidencia-mono-en-Tinta no lo firma ninguno a la vez.

El sistema

Las tres familias (invariantes entre F/P/L)

Campo grafito — portada / umbral (scoped a tapas, colofón y chrome del sitio; nunca superficie de trabajo).

Campo papel — interior / superficie de trabajo (default de todas las rutas de lectura).

Acento bronce — funcional, invariante (no codifica tier; jamás en portada; jamás en el logo).

La rampa de bronce (regla, no cosmética). El bronce blessed (0.585) mide 4.10:1 sobre Papel — pasa solo texto grande/UI (≥3:1). "Solo links y estados activos" exige por tanto dos niveles: bronce para acentos display/gráficos y ticks; bronce-texto (0.520, 5.39:1 AA) para cualquier link o estado en cuerpo de texto. Un solo bronce que falla AA en su propio rol sería una regla que se contradice a sí misma. La rampa es la misma familia (hue 70, chroma 0.058); solo baja luminancia para ganar contraste. (Nota: el home de referencia renderizaba un link en bronce display a text-sm — anterior a esta regla; el re-skin M1 lo migra a accent/Bronce-texto.)

Regla de composición — cover-then-gallery

Portada grafito (umbral: hero + postura) → interior de papel blanco (superficie de trabajo: el contenido) → contraportada grafito (colofón). El papel domina el cuerpo — presencia y lujo.

• Solo DOS cruces de valor, ambos enmarcados como bordes de objeto conocido (el libro abre, el libro cierra). Mapa de luminancia canónico: header .17 → hero .17 → postura .32 (pico) → ‖ABRE‖ → interior .97–.99 → ‖CIERRA‖ → coda .17 → footer .17. Dentro de cada mitad el Δ es mínimo.
• Prohibido: alternancia huérfana. Nunca grafito/papel/grafito/papel sin el marco de tapa.
• El grafito es umbral, no superficie de trabajo. Texto largo, tablas, dato auditable: siempre en el interior de papel.
• El mundo grafito no tiene acento. El bronce solo existe en el interior. La portada se compone con valor (Grafito/Panel/Bruma/Luz), nunca con color.
• Superficies atómicas (sin secuencia portada→interior): un tile social, una cara de card, un póster. El grafito solo es legítimo cuando la pieza juega el rol de tapa (statement, título, umbral) y no porta contenido de trabajo (ni cuerpo largo, ni dato auditable, ni tabla). Toda superficie atómica de lectura/trabajo va en papel. Regla corta: grafito enuncia; papel trabaja.

El plano de evidencia — sin pigmento dedicado

Reconocimiento honesto (grill #44): al retirar Verificado, la prueba pierde exclusividad cromática — el tick bronce es un marcador compartido con links y estados activos. El read-as-spine lo cargan posición + voz mono + motion; si en una pieza real la evidencia lee como caption y no como espina, el fix es de jerarquía/posición (subir el bloque, aislar el dato), nunca reintroducir un pigmento de prueba. Esta validación corre en cada method card/layout de Phase 5.

Frontera prueba/logística (precisión #42 de Plomería invisible): «lote #A7-2406, verificado por [tercero]» es espina — va al frente, en mono. «sachet 14 de 30» es plomería — no se comunica. El lot code es identidad trazable del lote verificado, no aritmética de inventario.

El eje subordinado F/P/L — firma compositiva, no hue

Posición declarada (grill #44, sin eufemismo): el eje variable se resuelve a nomenclatura honesta — no hay diferenciador de tier diseñado (ni hue, ni acabado, ni glifo, ni corte tipográfico propio). Es la resolución mínima del principio de OQ#4: la variable colapsa a las palabras y el dato, la moneda de el estándar de lo probado. Mandato heredado a typography/packaging: si la discriminación en-mano resulta insuficiente, se resuelve con peso/tamaño/posición del nombre de tier dentro del sistema invariante — nunca reintroduciendo un hue ni un eje diseñado de facto (reabrirlo re-litiga el decision-log #44 y reabre el flanco Género-neutral).

La ejecución fina (dónde vive el nombre del tier en cada cara, con qué peso) es scope de typography.mdx + packaging (Phase 5), contra esta regla.

Tokens semánticos (globals.css)

Default = mundo papel (todas las rutas de lectura). Mundo grafito = tokens cover-* scoped (portadas, chrome).

Regla de relleno: el bronce es color de trazo/marca (texto de link, tick, filete activo) — nunca un relleno que porte texto de cuerpo; los rellenos bronce con etiqueta calada son solo grande/UI (accent-foreground = Papel).

Se retiran: --color-verified*, --color-accent-{foundation,performance,longevity}, y los siete maestros cálidos (Lino/Hueso/Piedra/Sombra/Ámbar y la Tinta #1C1B18).

Matriz WCAG AA — pares medidos (algoritmo WCAG 2.1 sobre los HEX exactos)

Piso: AA ≥ 4.5:1 texto normal · ≥ 3:1 texto grande (≥24px / ≥18.66px bold) y componentes UI · AAA ≥ 7:1.

Interior (papel):

Portada (grafito):

Cruce de tapas: Grafito sobre Papel 18.43:1 (AAA) — titulares grafito sobre interior permitidos.

Reglas que la matriz impone (vinculantes para docs hijos):

1. Texto largo solo en Tinta (o Tinta-sub) sobre papel. El dato de prueba corre aquí, en mono — AA/AAA siempre.
2. Links de cuerpo en Bronce-texto, nunca en Bronce display (4.10 falla normal). Bronce display queda para estados grandes, ticks y detalle gráfico.
3. Eyebrows con sus tokens remediados: Tinta-eyebrow sobre papel; Bruma-quieta solo sobre Grafito base; sobre Panel, Bruma-quieta-panel. Tinta-faint y Bruma-quieta-sobre-Panel quedan para detalle no-textual.
4. Nada de texto normal sobre Bronce. Etiquetas caladas sobre bronce = solo grande/UI.

Modo oscuro (nota, no entrega) — y la frontera sitio/packaging

• El sitio corre el modelo cover-then-gallery — no hay "modo oscuro" que alternar: el grafito ES parte del modelo, scoped al umbral. Un dark-mode de usuario no se especifica aquí; si Phase 5/6 lo requiere, invierte interior a Tinta-campo/Papel-texto manteniendo la rampa de contraste — nunca #000.
• Packaging es otra superficie. "Papel como superficie de trabajo" prescribe el sitio; una caja puede usar campo grafito (es la tapa del objeto físico — coherente con cover-then-gallery) siempre que: (a) el dato de prueba conserve AA sobre su campo, (b) la firma del estándar no cambie, (c) el interior/fichas sigan en registro papel. Packaging decide contra material; este doc fija la jerarquía.

Trade-offs reconocidos

• Retirar Verificado en vez de re-mapearlo. Consideré conservar un color de espina (p.ej. un frío a más luminancia). Lo rechacé: en el sistema neutral la prueba gana más autoridad siendo tipografía en Tinta al frente que siendo un pigmento — un color dedicado en un campo ya sobrio lee como badge, exactamente el exhibicionismo clínico que el techo del plano de evidencia prohíbe. Costo: el "color de la prueba" deja de existir como token nombrable. Beneficio: la prueba es del sistema, no de un color — y el tick bronce da el estado sin fabricar un semáforo.
• Retirar el trío F/P/L en vez de re-colorearlo sobre la base neutral. Tres hues nuevos (tres bronces, tres grises) habrían conservado el mecanismo del draft cálido. Lo rechacé: (1) tres tonos de una familia metálica a luminancia pareja son casi indistinguibles en mano (falla "legible de cerca") o distinguibles a 3m (falla "invisible de lejos") — el eje cromático quedó sin rango útil en un sistema de croma bajo; (2) la decisión 2026-07-01 ya dio la gramática superior: la composición diferencia, el color no; (3) side-stripe prohibido. Costo real y reconocido: el anaquel pierde el atajo cromático de tier — un cliente que compra por color de lomo tendrá que leer una palabra. Es un costo que la marca acepta a cambio de "un estándar, no tres marcas" sin fisuras; y el riesgo de fricción se mitiga porque el modelo es D2C suscripción (el "anaquel" dominante es la repisa de casa, no el retail de comparación rápida).
• La rampa de bronce (dos niveles) en vez de un solo bronce. Un solo valor era más puro; fallaba AA en su rol principal (links de cuerpo: 4.10). Preferí dos niveles de la misma familia a (a) oscurecer el bronce blessed globalmente (cambiaría la percepción del acento display que Rodrigo aprobó) o (b) subir el tamaño mínimo de link (absurdo operativo). La rampa es el patrón estándar de un acento accesible.
• Eyebrows remediados en vez de "quietos" puros. El gris quieto del blessed (0.620) falla AA sobre Panel (3.44) y su equivalente papel (0.588) falla a tamaño micro (4.01). Los tokens remediados (0.700 / 0.530) conservan el registro quieto y pasan AA. El valor blessed sobrevive donde sí pasa (Grafito base: 5.22 AA).
• Dos mundos de tokens (default + cover-*) en vez de un tema único. Más tokens, sí — pero el modelo cover-then-gallery ES la identidad compositiva del sistema; aplanarlo a un solo tema invitaría a la alternancia huérfana que la regla prohíbe. El scoping hace la regla ejecutable en código.

Briefs de generación

Descriptores materiales (matte, weighted, considered, restrained, sober), nunca premium (brand-context §4 No plastic adjectives). Señal género-neutral explícita. El color se aplica para validar el mundo cromático; el asset final lo escribe packaging.

Brief A — Lámina de paleta (validación de swatches) · Recraft

A flat color reference plate, top-down. Two stacked fields: a deep desaturated graphite (near-black, cool but not blue, not pure black) as a cover band, and a warm-white gallery paper field as the main body. On the paper field: swatches of warm near-black ink, two quiet warm grays, a pale warm hairline tone, and a matte bronze accent with a slightly deeper text-grade bronze beside it, plus a pale sand detail tone. No tier colors — one single system. Matte finish, soft directional shadow as material. Editorial restraint, instrument-grade calm, gender-neutral: neither masculine-brutal nor feminine-delicate. No text, no logos, no botanical illustration. Archival not autumnal, not clinical, not spa.

Brief B — Method card (papel + evidencia en mono) · Midjourney

A single printed method card photographed flat on warm-white gallery paper, soft daylight from one side. The card is warm bone-white matte stock. Most of the surface is calm paper with restrained editorial typography in warm near-black ink. In the primary reading plane — not buried — a monospaced data line: ingredient, dose, lot code, third-party verifier, printed in the same warm ink, crisp and quiet like an instrument reading; a single small matte-bronze tick marks the verified state. No dedicated "proof color", no badges wall, no bright white, no clinical blue. Matte, weighted, considered, gender-neutral. Patagonia-Footprint discipline: hard data shown plainly, up front. No lifestyle, no faces, no botanical motifs. --ar 4:5 --style raw

Brief C — Trío F/P/L, test de 3 metros (firma compositiva, cero hue) · Recraft

Three identical matte rigid boxes standing in a row on warm gallery paper. The boxes are visually IDENTICAL in every color and material — same graphite cover band, same warm paper field, same ink, same bronze functional detail. The ONLY difference between the three: a typographic line — the tier name (Foundation / Performance / Longevity) with a short composition signature beneath it, set in the same typographic system, ink on paper. No accent stripe, no color coding, no metallic difference. From three meters the row reads as one object repeated; up close the words tell them apart. Matte, restrained, instrument-calm, gender-neutral. One standard, three modules — not three brands. Product color study. --ar 16:9

Brief D — Detalle de verificación (la espina sin pigmento) · Midjourney

Extreme close-up of a verification detail on warm matte paper: a monospaced lot code and a third-party verifier line in warm near-black ink, aligned like a dossier column, with one small matte-bronze tick beside the verified line. Wide margins, deep negative space. The data reads like a calibrated instrument log — never a clinical light blue, never a glossy badge, no dedicated proof color. Quiet authority, hard fact shown plainly, up front. Matte finish, soft single-source shadow. Sober, gender-neutral, adult. No seal cluster, no shield icons, no bright white aisle, no leaves or drops. Patagonia Footprint meets gallery-paper restraint. --ar 1:1 --style raw

Open questions

• Pantone / tinta directa contra material. Grafito y bronce sobre stock uncoated corren los valores; el doc de packaging cierra Pantone contra prueba física (especialmente el bronce foil vs bronce tinta, y el grafito que no debe caer a negro).
• Ejecución tipográfica de la firma compositiva F/P/L. Dónde vive el nombre de tier en cada cara, a qué cuerpo y peso — typography.mdx fija el registro; packaging (Phase 5) fija la posición, contra el test 3m.
• Tratamiento del garante en method cards. Con Verificado retirado: neutros (Tinta/Tinta-sub) + tick bronce si su bloque porta estado verificado. El tratamiento fino es del doc de fotografía/layout.
• Dark-mode de usuario del sitio. No especificado (el grafito del modelo es compositivo, no un tema). Si Phase 5/6 lo pide: invertir interior manteniendo rampas AA, nunca #000.
• Portada en aislamiento. La neutralidad de la portada descansa en tres señales cover-present (chroma bajo umbral, didone minúsculas, no-#000); el balance frío↔cálido es propiedad de sistema. Testear OG image / crop social / póster de portada grafito contra la lectura pivot-masculino (hereda a Phase 5/6).
• Precondición de producto (no de color). El plano de evidencia presenta la prueba; que la verificación de terceros exista al launch es precondición de la postura #42 (brief.mdx §13). Si no existe, el sistema ilustra un claim sin respaldo. El color lo nombra; no lo resuelve.