Sistema Tipográfico

Tres caras, una sola firma. Una serif que carga el restraint de la capa, un grotesco que sostiene el cuerpo, y una monoespaciada que vuelve "lo probado" una firma tipográfica —no un sello clínico. El sistema responde por lo que dice ser: cada cara está elegida, no recopilada.

Posición

Nonova compromete tres caras de dos fundiciones, leídas como un solo sistema: GT Sectra (Grilli Type) como display editorial, Söhne (Klim Type Foundry) como texto/UI, y Söhne Mono (Klim) como la cara del dato —la firma tipográfica de lo probado (dosis, lote, verificador, sello de terceros)—. La jugada que resuelve la tensión heredada #2 (brand-context §4 Anti-modelos; spec del reframe §140) es que la cara del dato no es una monoespaciada de código prestada: es la compañera monoespaciada de la cara de cuerpo, mismo diseñador (Kris Sowersby), misma fundición, mismo ADN proporcional. El dato lee como dossier, no como etiqueta de farmacia —porque la prueba se viste de la misma familia que el resto del estándar, no de un mundo clínico ajeno—. pillars.mdx línea 196 lockea como invariante tipográfico solo la tipografía primaria (la serif display); que el grotesco y la monoespaciada sean también invariantes a través de F/P/L es extensión de ese principio —(propuesta nueva), no atribuible a la tabla de pillars—: las tres caras viajan íntegras de Foundation a Performance y Longevity, y el único eje que declina entre tiers es la firma compositiva tipográfica (nombre de tier + línea de composición, en el sistema invariante, Tinta sobre papel) — el color-de-acento-por-tier que pillars propuso fue superseded por el decision-log #44 (color.mdx locked, §"El eje subordinado F/P/L — firma compositiva, no hue"): las caras no cambian, pero la firma que se renderiza en ellas es precisamente el eje. Los fallbacks del sitio en vivo (actualizados durante la exploración del wordmark, decisión e9b8e29): la serif pública es Cormorant Garamond (Google, OFL), Inter sostiene el cuerpo y JetBrains Mono el dato — los tres ya cableados en layout.tsx/globals.css. Fraunces (variable, ejes opsz/SOFT/WONK) queda cableada como proxy honesto del wordmark (.wordmark-proxy, pin SOFT=0/WONK=0/opsz=144 — el corte abierto más cercano a GT Sectra Display), NO como la serif pública: el wordmark es un vector y Fraunces solo valida composición de lockups. La escala 1.25 anclada a 16px ya vive en globals.css (líneas 70–79) y se conserva intacta —es sobria y correcta—; solo se añade un set de tokens dedicado al dato (DATA/proof) con su propio tracking monoespaciado.

Sustento

Por qué tres caras, y por qué estas

El brief.mdx §8 (líneas 203–205) ya pidió la arquitectura de tres: "Display/títulos: serif refinada con personalidad… Cuerpo/datos: sans serif estructurada… Datos/técnico (opcional): monoespaciada selectiva para ingredientes, dosis, especificaciones — referencia a códigos de laboratorio sin volverse cosplay científico." Lo que el brief dejó como (a refinar) y (opcional), este doc lo compromete con caras concretas y ruta de licenciamiento decididala compra de las licencias queda pendiente como acción de Rodrigo (mismo gate que la adquisición Tier-1); nada renderizado en fallbacks es production-ready. La tercera cara deja de ser opcional: es la espina hecha tipografía.

El marco que gobierna la asignación es la diagonal de personalidad (personality.mdx §109, verbatim: "Autoridad en la sustancia, calidez en el trato. Nunca al revés.") traducida a tipografía:

  • La serif display (GT Sectra) carga la calidez de la capa —el restraint material, el dialecto Ando/wabi-sabi—. Es la superficie.
  • El grotesco (Söhne) es el registro neutral del cuerpo —ni cálido ni frío, adultez sobria—. Es el conector.
  • La monoespaciada (Söhne Mono) carga la autoridad de la sustancia —el dato verificado, la prueba—. Es la espina, mostrada con nitidez legible, no estetizada (spec del reframe §2 y §81: "expresada con el restraint de la capa, NO con exhibicionismo clínico"; archetype.mdx §El refusal manifesto).

Esta es la misma jerarquía que ordena la postura —"la prueba es la columna; la discreción es el modo", personality.mdx §101; archetype.mdx §La postura— hecha sistema de tres caras. La prueba (mono) es la sustancia; la calidez (serif) es la superficie. Nunca al revés.

Lo que la tipografía aporta a la proporción Apothecary (tensión heredada #1)

El brief de Phase 4 pidió re-balancear y defender la proporción ~60/40 apothecary/performance (brand-context §4 Apothecary en la superficie; spec del reframe §139), no asumirla intacta. La posición tipográfica explícita: la proporción de superficie no se mueve, pero la tipografía hace un movimiento acotado dentro de ella. Sigue gobernando la calidez material lo que el cliente ve primero —jerarquía, color, fotografía: eso lo cierra el doc de color—. Lo que la tipografía aporta a la nueva espina es que promueve el dato de "bajo el cofre" a un plano legible y presente, dándole una cara propia (Söhne Mono) en lugar de esconderlo en el cuerpo. El dato sube de jerarquía sin invadir la superficie: la serif y el grotesco siguen cargando la calidez; la mono añade un registro de evidencia que antes no tenía voz tipográfica. Eso es el ~60/40 afinado por tipo —proof con cara, no proof oculto—, no diferido. El balance fino de cuánto de ese plano de evidencia es visible en cada touchpoint (cuánta área, qué contraste) lo cierra el doc de color con la paleta y el WCAG; la tipografía solo garantiza que la prueba tiene dónde escribirse sin clínico-genérico.

Framework — brand-as-business y el test de Neumeier por cara

Aplicando Denise Lee Yohn (brand-as-business) —cada elemento es un commitment con un enemy— y el test enemy+action de Neumeier, cada cara nombra qué NO es:

CaraCommitmentEnemy (lo que NO es)
GT Sectra (display)Restraint editorial con calidez de oficioDidone de moda (Vogue/glossy), grotesco tech genérico
Söhne (texto)Neutralidad adulta legibleGeométrica startup (Circular/Gilroy), humanist wellness blanda
Söhne Mono (dato)El dato como dossier verificableSans-mayúsculas-sobre-blanco-brillante (la firma Centrum/Solgar)

El enemy de la cara del dato es literalmente el anti-modelo dead-named en el brief.mdx §9 (línea 235): "Centrum/Solgar/Carlson: envase clínico funcional sin identidad. Tipografía sans en mayúsculas sobre blanco. Es el destino más probable si no se cuida la marca." La monoespaciada es la herramienta que ataca esa tensión heredada #2 de frente.

Reference sets aplicados (capa vs espina, sin mezclar)

La separación capa/espina la lockea el spec del reframe §79–80: la capa toma restraint material (Aēsop / MUJI / COS / Monocle) y la espina toma rigor verificable (NSF / USP / patrón Momentous-Thorne publicando COA / Patagonia Footprint / precisión de instrumento). Traducida a tipografía:

  • Capa (cómo se ve/lee): Monocle es el ancla tipográfica más cercana —editorial serio, serif con autoridad cálida sobre grotesco de cuerpo legible, cero estridencia—. GT Sectra + Söhne es, esencialmente, la gramática tipográfica de un editorial como Monocle: serif de carácter para el título, grotesco suizo para el cuerpo.
  • Espina (de qué responde): la monoespaciada es el dialecto de la espina. El COA, la ficha de lote, la lectura de instrumento se escriben en fixed-width porque el dato alineado en columna es legible y auditable —es el patrón Patagonia Footprint (datos duros, dispuestos para leerse) hecho tipo—.

No se mezclan: la serif y el grotesco viven en la capa; la monoespaciada vive en la espina. Esa separación tipográfica instrumenta la promoción del Pilar 2 (la prueba sube de disponible a espina central de la confianza, mostrada con restraint) que pillars.mdx lockea y el spec del reframe §81 detalla.

El dialecto Ando / wabi-sabi (solo en la capa)

El minimalismo japonés de Rodrigo entra únicamente en cómo se compone la serif y el grotesco, nunca en el dato (la espina no se estetiza — spec del reframe §2):

  • Sombra con propósito → contraste de la serif. GT Sectra está descrita por Grilli Type como "la caligrafía de la pluma de punta ancha con la nitidez del bisturí": el contraste grueso/fino es sombra honesta del trazo, no decoración. Es wabi-sabi —precisión que conserva la huella de la mano—.
  • Vacío que es composición → line-height generoso y tracking disciplinado. El ma (間, el intervalo) se opera con interlineado amplio y márgenes que dejan respirar al título. El vacío es contenido, no falta.
  • Materialidad honesta → la superficie mate del grotesco. Söhne viene de la materialidad analógica del Standard Medium del wayfinding del metro de NY (Klim): un grotesco con textura, no plástico digital.

El dato (mono) queda fuera de este dialecto: no se difumina en vacío poético, no lleva sombra —se muestra con nitidez de instrumento—.

Logo-Swap del sistema (si un competidor lo firma, está roto)

  • vs AG1. AG1 corre una sans geométrica corporativa (verde/blanco, register fitness-startup). Ninguna de las tres caras de Nonova lee como AG1 —GT Sectra es editorial, no corporativa; Söhne es suiza-adulta, no startup—. AG1 no podría firmar GT Sectra sin dejar de ser AG1.
  • vs Centrum/Solgar. Su firma es sans-mayúsculas-sobre-blanco-brillante (brief.mdx §9 línea 235). Söhne Mono en minúsculas, sobre superficie cálida mate, en jerarquía de dossier, es el reverso exacto. Centrum no firma la cara del dato de Nonova.
  • vs Vitday. Vitday codifica coloquial-mexicano-femenino. GT Sectra es default-global sin región (brand-context §4 Default-global); Söhne es género-neutral por construcción (brand-context §4 Género-neutral). Vitday no firma este sistema.

El sistema

Las tres caras committed

RolCaraFundiciónClasificaciónPor qué gana
Display / editorialGT Sectra (Display + Fine)Grilli TypeSerif contemporánea de alto contraste (nib + bisturí)Carácter editorial con calidez de oficio; no es Didone de moda ni grotesco tech. Diseñada para long-form journalism.
Texto / UISöhneKlim Type FoundryGrotesco lineal (linaje Akzidenz/Helvetica; wayfinding metro NY)Neutralidad adulta, legible en cuerpos chicos, género-neutral. El grotesco suizo de cuerpo de la capa.
Dato / pruebaSöhne MonoKlim Type FoundryGrotesco monoespaciado (compañera de Söhne)Mismo ADN que el cuerpo: el dato lee como dossier, no como etiqueta clínica. Ataca la tensión #2.

El keystone del sistema: Söhne y Söhne Mono son la misma cara —mismo diseñador, mismos 8 pesos, proporciones hermanas— en versión proporcional y monoespaciada. Por eso el dato no se siente importado de un mundo clínico ajeno: es la misma voz tipográfica del estándar, puesta en fixed-width para que el número se alinee y se audite. Esa es la diferencia entre "dossier" (Momentous/Thorne publicando COA, spec del reframe §79) y "etiqueta de farmacia" (Centrum). La cara del dato pertenece a la familia.

La firma compositiva F/P/L — mandato heredado del decision-log #44

color.mdx (locked) resolvió el eje subordinado de OQ#4 como firma compositiva tipográfica (Posición B): el nombre del tier + su línea de composición, en el sistema invariante, Tinta sobre papel — sin hue, sin acabado, sin corte tipográfico propio. La tipografía hereda la ejecución con mandato plano: el default es la nomenclatura honesta sin tratamiento especial (el nombre del tier + su línea de composición en el sistema, sin eje diseñado); solo si la discriminación en-mano resulta insuficiente se escala con peso/tamaño/posición (p.ej. el nombre en Söhne Kräftig a cuerpo de eyebrow + la línea de composición en Söhne Mono a --text-xs) — la escalada que color.mdx reserva, nunca un eje diseñado de facto ni un hue. La posición exacta en cada cara la fija packaging (Phase 5) contra el test legible de cerca / invisible a 3m.

Género-neutral con señal positiva

Ninguna de las tres caras codifica género (brand-context §4 Género-neutral). La señal positiva que lo sostiene: GT Sectra no es ni la Didone afilada-femenina (Vogue) ni el slab brutal-masculino (Onnit); es una serif de adultez sobria —carácter sin codificar fuerza ni delicadeza—. Söhne es el grotesco neutro por antonomasia. Söhne Mono lee como instrumento, no como género. El restraint editorial no es masculino por defecto: se nombra explícito en cada brief generativo abajo, como señal afirmativa, no como ausencia.

Escala tipográfica (ratio 1.25 conservado, anclado a 16px)

La escala actual del sitio (globals.css líneas 70–79) es sobria y correcta —no se reinventa, se hereda y se documenta—. Ratio 1.25 (tercera mayor), cuerpo 16px:

TokenTamañoCaraLine-heightUso
--text-xs0.75rem (12px)Söhne / Söhne Mono1.4Eyebrow, microcopy, dato
--text-sm0.875rem (14px)Söhne1.5Caption, tabla, nota legal
--text-base1rem (16px)Söhne1.6Body / lectura larga
--text-lg1.125rem (18px)Söhne / GT Sectra1.5Body destacado, intro
--text-xl1.375rem (22px)GT Sectra1.3H4 / subtítulo
--text-2xl1.75rem (28px)GT Sectra1.2H3
--text-3xl2.25rem (36px)GT Sectra Display1.15H2
--text-4xl3rem (48px)GT Sectra Display1.05H1
--text-5xl4rem (64px)GT Sectra Display1.0Hero tipográfico a escala máxima (el wordmark es vector, no se setea en fuente)

El ma: el line-height crece hacia el cuerpo (1.6) y se cierra hacia el display (1.0) —el título respira por contraste, el cuerpo respira por aire interlineal—.

Pesos por cara

CaraPesos en usoRegla
GT SectraBook (400), Medium (500) + italicDisplay nunca en negro alto; el carácter viene del contraste interno, no del peso. Restraint.
SöhneBuch (400), Kräftig (500), Halbfett (600)400 cuerpo, 500 énfasis/UI, 600 solo labels. Nunca 800/900 (sería grito).
Söhne MonoBuch (400), Kräftig (500)400 dato corrido, 500 para el valor que ancla (la dosis, el lote). Sin más.

Tracking, casing y reglas de uso por contexto

ContextoCaraTamañoTrackingCasing
WordmarkAsset vectorial — «nonova» minúsculas didone (wordmark-08-final.svg; NO se compone en fuente — ver logo.mdx)según logo.mdx (mínimos 88px/22mm)incorporado al vector (los tokens --tracking-wordmark* quedan para lockups de exploración)minúsculas — la inicial de anclaje la restituye el monograma C1 (decision-log #46)
Headline / H1GT Sectra Display--text-4xl−0.02emSentence case (nunca all-caps display)
H2GT Sectra Display--text-3xl−0.015em (así cableado en globals.css)Sentence case
Subhead / H3–H4GT Sectra--text-xl--text-2xl−0.01emSentence case
BodySöhne--text-base0Sentence case
Eyebrow / microcopySöhne--text-xs--tracking-micro (0.16em)UPPERCASE (única licencia de mayúsculas)
DATA / proof (dosis, lote, COA, verificador)Söhne Mono--text-xs--text-sm--tracking-data (0.02em)Sentence case o numeral; nunca mayúsculas sostenidas (evita la firma Centrum)

La regla que ataca la tensión #2, explícita: el dato de prueba va en Söhne Mono, minúsculas/numeral, en Tinta sobre papel (AAA; el color de espina dedicado quedó retirado por el decision-log #44 — la prueba se porta en voz mono + posición, con el tick de estado en bronce), en jerarquía de dossier —Magnesio bisglicinato · 200 mg · lote 0426 · verificado NSF—, nunca en sans mayúsculas sobre blanco brillante. La monoespaciada hace que la dosis y el lote se alineen en columna como una ficha de análisis; eso es lo que lee como instrumento serio, no como aisle de farmacia. El ejemplo cumple el guardrail Integridad, no resultado (brand-context §4; spec del reframe §3): nombra qué es y a qué dosis y quién lo verifica —nunca qué hace en el cuerpo—.

Evaluación de los proxies actuales y el plan de fallback en el sitio en vivo

El sitio en vivo corre (post e9b8e29, verificable en layout.tsx + globals.css): Cormorant Garamond (serif pública) + Inter (cuerpo) + JetBrains Mono (dato) + Fraunces (solo .wordmark-proxy). Veredicto cara por cara:

RolCommitted (retail, sin licenciar)Fallback vivo (open)Razón
Display / editorialGT SectraCormorant Garamond (decisión e9b8e29)Serif garalda de display con contraste alto y calidez de trazo; en producción sostiene los titulares del cover-then-gallery sin leer Didone-de-moda. Fraunces se evaluó y quedó re-asignada al proxy del wordmark (abajo) — su huella caligráfica servía mejor para validar lockups del vector que como voz editorial de lectura.
Texto / UISöhneInter (sin cambio)Grotesco-humanist de register vecino a Söhne; sostiene la lectura sin traicionar la voz. Cero trabajo, cero pérdida.
Dato / pruebaSöhne MonoJetBrains MonoEl stack de sistema (SF Mono/Menlo) lee como editor de código — cosplay científico prohibido por el brief. JetBrains Mono aproxima el dossier sin lab-cosplay.
Proxy del wordmark (labs/lockups)Fraunces (opsz 144, SOFT 0, WONK 0 vía .wordmark-proxy)El corte abierto más cercano al nib+bisturí de GT Sectra Display; SOLO para validar composición contra el vector wordmark-08 — no es cara pública.

Aclaración de scope (Brief C es neutral respecto a la decisión de Phase 6). La decisión lockeada dice que el sitio en vivo corre proxies hasta Phase 6 —no que corra estos dos proxies específicos para siempre—. Cambiar Bodoni Moda → Fraunces y ui-monospace → JetBrains Mono no toca esa decisión: sigue siendo fallback open/Google, sigue sin licenciar los committed, solo mejora la fidelidad del proxy al sistema real. Es un cambio de tokens en globals.css + layout.tsx, no la introducción de las caras de pago. Si Rodrigo prefiere congelar el sitio hasta Phase 6 sin tocar nada, Brief C es opcional y el sistema no depende de él; pero recomiendo aplicarlo porque acerca el sitio en vivo al sistema comprometido a costo cero. No requiere gate propio: cae dentro de "el sitio corre proxies open hasta Phase 6".

Qué cierra este doc y qué difiere

Cierra aquíDifiere
Las 3 caras committed con fundición y ruta de licenciamiento (compra pendiente, acción de Rodrigo)Construcción del wordmark (vector — doc de logo)
Escala, pesos, tracking, casing por contextoHex del color que viste cada cara (doc de color cierra paleta + WCAG)
Cara del dato = Söhne Mono (resuelve tensión #2)Grid y clear space del wordmark (doc de logo)
Fallbacks open/Google para el sitio en vivoKerning fino y lockup del wordmark (doc de logo, con la geometría del glifo)

Trade-offs reconocidos

1. GT Sectra sobre Tiempos / PP Editorial New. El brief.mdx §8 (línea 203) nombró GT Sectra, Tiempos y PP Editorial New como candidatos. Consideré los tres. Tiempos (Klim) habría dado superfamilia total con Söhne+Söhne Mono de una sola fundición —tentador por coherencia de compra—, pero Tiempos es un serif de texto (linaje Times, periodístico-neutro): carga menos carácter editorial en display y empuja hacia lo genérico que el brief teme ("si pasa por genérico, fallamos", línea 231). PP Editorial New es bellísima pero más cercana a la Didone de moda (alto contraste afilado) —roza el enemy de la cara display—. GT Sectra gana porque su contraste es caligráfico-con-bisturí (cálido + preciso = wabi-sabi/Ando), no frío-de-moda, y porque su subfamilia Display da el extremo de wordmark sin perder el oficio. El costo: dos fundiciones en vez de una. Lo acepto porque la coherencia que importa —cuerpo + dato de la misma familia— se preserva intacta (Söhne + Söhne Mono); la serif puede venir de otra casa sin romper nada, porque vive en otra capa (la superficie, no la espina).

2. Söhne sobre Inter / ABC Diatype / Untitled Sans. El brief (línea 204) nombró Söhne, Inter, Untitled Sans, ABC Diatype. Söhne gana por la compañera mono: ninguna otra de las candidatas tiene un monoespaciado-compañero tan disciplinado y del mismo diseñador. Como la decisión de la cara del dato es la que resuelve la tensión central, elegí el cuerpo que trae su propia mono de familia. ABC Diatype tiene Diatype Mono pero su register es más neutro-frío; Inter Mono no existe como par de igual rigor. Söhne+Söhne Mono es el único combo donde cuerpo y dato son literalmente la misma voz.

3. Söhne Mono sobre una mono de "código" (JetBrains/IBM Plex/Space Mono) como cara committed. Consideré dejar una mono abierta como la cara committed del dato —ahorraría licencia—. La rechacé: una mono de código, incluso buena, importa el dialecto del editor de texto / terminal —exactamente el "cosplay científico" que el brief prohíbe (línea 205), y un primo cercano del clínico-genérico—. La fuerza de Söhne Mono es que no se lee como código: se lee como la ficha del estándar. Esa distinción es el corazón de la tensión #2. Las mono de código quedan como fallback del sitio, no como la firma.

4. Riesgo operativo de dos fundiciones (Grilli Type + Klim), y su mitigación. El costo no es solo doble compra: son dos contratos de licencia web facturados por pageviews en dos casas distintas, cada uno con su propio pricing, su propio tier y su propio riesgo de cambio. La mitigación es estructural y nace de cómo está repartido el sistema: la coherencia que carga la confianza —cuerpo + dato— vive entera en una sola fundición (Söhne + Söhne Mono, Klim), así que el contrato crítico es uno solo. GT Sectra (Grilli Type) vive en la capa de superficie y es reemplazable sin colapsar el sistema: si Grilli Type cambia pricing, retira la familia o sube de tier de forma inaceptable, la serif display se puede sustituir por otra serif de carácter equivalente (Tiempos Headline de Klim como reemplazo de misma casa, o el fallback Fraunces ya cableado) sin tocar la espina ni el cuerpo. El contrato que no es reemplazable barato es Klim —y por eso conviene negociar el tier de Söhne+Söhne Mono junto, como un solo paquete de pageviews—. Riesgo concentrado en una casa, redundancia disponible en la otra.

5. Por qué NO reemplacé la escala 1.25. Tentación de bajar a 1.2 (más conservador) o subir a 1.333 (más editorial). La rechacé: 1.25 ya da el rango sereno-editorial que la capa pide y el contraste suficiente para jerarquía; cambiarla sería trabajo sin retorno y rompería el sitio en vivo sin ganancia. Disciplina de no tocar lo que ya está bien (globals.css líneas 70–79).

6. Por qué este doc NO asigna fuente al wordmark. El wordmark es un vector trazado (wordmark-08-final.svg, decision-log #46) — no se compone en GT Sectra ni en ninguna cara; su construcción, lockups, kerning, clear space y monograma son territorio íntegro de logo.mdx. Lo que este doc sí fija: GT Sectra Display es la cara committed de display/headline del sistema (títulos, heroes tipográficos), y los tokens --tracking-wordmark* quedan solo para lockups de exploración. Respeto la Scope discipline (brand-context §4).

7. Costo de licencia — material, no decorativo. Las tres caras son retail de fundición independiente; el valor es oficio verificable de la fundición, no "premium" (brand-context §4 No plastic adjectives). Aproximados a confirmar en cada fundición: GT Sectra en grillitype.com (familia Desktop+Web; presupuestar por estilos usados, no la familia completa); Söhne + Söhne Mono en klim.co.nz (Desktop OTF + Web WOFF2 por separado, pricing por número de estilos y por pageviews). Budget flexible (decisión lockeada, brand-context §3) lo absorbe; el sitio en vivo corre con fallbacks open hasta la compra.

Briefs de generación

Nota de ruteo: la tipografía no se "genera" en herramientas de imagen —se licencia y se cablea—. Estos briefs son para (a) probar la combinación en muestras editoriales/de packaging dentro de las herramientas Tier-1 antes de licenciar, y (b) especificar el cableado del sitio en vivo. El descriptor instrumental es siempre material (matte/weighted/considered/restrained/sober), nunca "premium" (brand-context §4 No plastic adjectives).

Brief A — Muestra editorial de la combinación (Recraft Pro / Ideogram Plus)

Editorial typographic specimen, two-page spread, on warm matte off-white
uncoated paper (apothecary cream, not bright white). Headline set in a
contemporary high-contrast serif with calligraphic broad-nib stress and
sharp scalpel terminals (GT Sectra register), sentence case, generous
margins and ample line spacing — composition built from negative space
(ma), restrained, considered. Body text in a neutral Swiss grotesque
(Söhne register), small sizes, quiet, highly legible. A data block set in
a monospaced grotesque of the SAME family (Söhne Mono register), lowercase
and numerals, aligned in a dossier-style column: ingredient · dose ·
batch · third-party verifier. Mood: Monocle magazine meets a certificate
of analysis. Gender-neutral adult sobriety — neither masculine-brutal
(no heavy slab, no bold caps) nor feminine-delicate (no fashion Didone,
no script). No logos, no decoration, no leaves/drops/atoms. Matte,
weighted, restrained. Honest materiality, purposeful shadow only in the
serif stroke contrast — never on the data, which stays crisp and
instrument-clear.

Propósito: validar que serif + grotesco + mono leen como un solo sistema cálido, y que el dato lee como dossier (no como etiqueta clínica) — el test de la tensión #2.

Brief B — La evidencia sobre packaging (Midjourney)

Still life, no human. A matte rigid monthly box and a single sachet on a
warm neutral surface, soft directional light, deep honest shadow as a
material (Tadao Ando register). On the sachet face: a small typographic
data field set in a monospaced grotesque (Söhne Mono register), lowercase
and numerals, aligned like a lab dossier — dose, batch, third-party seal —
legible up close, never dominant. The brand name set in a contemporary
serif (GT Sectra register), sentence case, calm. Apothecary warmth governs
the surface; the proof is one crisp legible plane within it, not a wall of
badges. No bright white, no clinical aisle, no before/after, no health
claim. Restrained, weighted, considered, sober. Gender-neutral. --ar 4:5

Propósito: probar la promoción del Pilar 2 (la prueba presente y legible, con restraint, spec del reframe §81) en tipografía real sobre superficie — la evidencia vestida de la familia, sin volverse muro de sellos.

Brief C — Cableado del sitio en vivo (especificación para layout.tsx + globals.css)

Reemplazar los proxies de fuente del sitio (hasta licenciar los committed),
manteniendo todo open/Google. Scope-neutral respecto a la decisión "el
sitio corre proxies hasta Phase 6": solo mejora la fidelidad del fallback.

1. layout.tsx — next/font/google:
   - QUITAR Bodoni_Moda. AÑADIR Fraunces (variable; axes opsz/SOFT/WONK),
     variable: "--font-fraunces", weights 400–500, style normal + italic.
   - CONSERVAR Inter (variable: "--font-inter") sin cambios — fallback de Söhne.
   - AÑADIR JetBrains_Mono (variable: "--font-jetbrains-mono"), weights 400–500.
   - body className: `${inter.variable} ${fraunces.variable} ${jetbrainsMono.variable}`

2. globals.css — @theme inline (ver cssTokens de este doc):
   - --font-serif: GT Sectra committed → fallback var(--font-fraunces) → ui-serif
   - --font-sans:  Söhne committed     → fallback var(--font-inter)    → ui-sans-serif
   - --font-mono:  Söhne Mono committed → fallback var(--font-jetbrains-mono) → ui-monospace
   - AÑADIR --tracking-data: 0.02em
   - AÑADIR utilidad .data-field (font-mono, text-xs/sm, tracking-data,
     lowercase, tabular-nums) para el plano de evidencia.

Gender-neutral, restrained. El descriptor de marca es material, no "premium".
Build + typecheck verdes antes de push; verificar la ruta con preview.

Propósito: el reemplazo de fallbacks mejora el sitio en vivo sin esperar a Phase 6 ni a la licencia de los committed. Estado (2026-07-07): ejecutado con deltas documentados — el cableado vivo usa Cormorant Garamond como serif pública (--font-serif, decisión e9b8e29) y Fraunces quedó scoped a --font-serif-proxy/.wordmark-proxy (el cuerpo del Brief C de abajo se lee con ese delta: donde dice Fraunces como serif fallback, la realidad cableada es Cormorant); Inter y JetBrains Mono como se especifica; --tracking-data ya en globals.css; la utilidad .data-field ya está cableada (globals.css, con text-sm y sentence case/numeral — coherente con la regla DATA de este doc; el lowercase que el borrador del brief pedía se descartó: la regla canónica es sentence case, nunca mayúsculas sostenidas).

Open questions

  1. Pesos exactos a licenciar (no a decidir aquí). El doc fija qué pesos usar (GT Sectra Book/Medium; Söhne 400/500/600; Söhne Mono 400/500). El paquete de licencia exacto —cuántos estilos comprar de cada familia, tier web por pageviews— es operativa de compra, no diseño. Hereda al momento de adquisición de tools/licencias (mismo gate que Tier-1).

  2. tabular-nums y feature settings finos de la cara del dato. Si Söhne Mono ya es fixed-width, tabular-nums es redundante; pero el fallback (JetBrains Mono) y los numerales dentro de Söhne proporcional sí lo necesitan. La calibración fina de font-feature-settings para la alineación de columnas de dato se afina cuando exista la primera method card real (Phase 5). Inherits a Phase 5.

  3. Precondición de producto (no de diseño). La cara del dato muestra prueba (dosis, lote, verificador). Que esa prueba exista —testing de terceros real, transparencia de dosis al launch— es la Contingencia de la espina declarada en el spec del reframe §40 (brief.mdx §13, estado del producto formulado; archetype.mdx). Si al launch no hay verificación real, la monoespaciada ilustra un claim sin respaldo y el sistema colapsa a "Centrum con mejor tipografía". El sistema tipográfico no tiene fallback de proporción que lo rescate —no puede, porque el problema no es tipográfico—: si no hay prueba, la cara del dato simplemente no tiene qué escribir, y forzar mono vacía sería peor (decoración de rigor inexistente). La regla heredada es binaria: la espina tipográfica se enciende solo si la prueba existe; si no existe, la postura misma se ajusta aguas arriba (spec del reframe §40), no el front. El doc lo nombra como precondición, no lo resuelve.

  4. Firma del wordmark y monograma — al doc de logo. El wordmark es un vector (no se compone en fuente, decision-log #46); su relación con el monograma C1 (peso óptico, lockup, clear space, kerning par-a-par del redibujo) la cierra logo.mdx. Este doc solo fija la cara de display/headline del sistema (GT Sectra Display) para el texto que NO es el wordmark.