@cogenta/theme-entreprise 1.3.3 → 1.4.1

package/dist/src/render/blocks/collection-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-list.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/collection-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAEL,wBAAwB,EACxB,KAAK,YAAY,EAOjB,KAAK,WAAW,EAIhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAG3B;;;;;;GAMG;AACH,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,CAAA;AA+E5C,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,EAC1B,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,SAAS,YAAY,EAAE,GAC/B,WAAW,CA0Cb"}
+{"version":3,"file":"collection-list.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/collection-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAEL,wBAAwB,EACxB,KAAK,YAAY,EAOjB,KAAK,WAAW,EAIhB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAG3B;;;;;;GAMG;AACH,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,CAAA;AAkG5C,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,EAC1B,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,SAAS,YAAY,EAAE,GAC/B,WAAW,CA0Cb"}

package/dist/src/render/blocks/collection-list.js

@@ -49,14 +49,27 @@ function renderEntry(entry, index, ctx, tag) {
     // The title is the link, and the arrow sits inline after its last word
     // inside the same link: a bare arrow on a line of its own reads as a
     // placeholder, not as a way into the case study.
-    heading(tag, { class: 'cg-entry__title' }, h('a', { class: 'cg-entry__link', href: url }, h('span', { class: 'cg-entry__link-text' }, entryTitle(entry, ctx)), h('span', { class: 'cg-entry__arrow', 'aria-hidden': 'true' }, arrow()))), excerpt === undefined ? null : h('p', { class: 'cg-entry__excerpt' }, excerpt)));
+    heading(tag, { class: 'cg-entry__title' }, h('a', { class: 'cg-entry__link', href: url }, h('span', { class: 'cg-entry__link-text' }, entryTitle(entry, ctx)), h('span', { class: 'cg-entry__arrow', 'aria-hidden': 'true' }, arrow()))), excerpt === undefined ? null : h('p', { class: 'cg-entry__excerpt' }, excerpt), renderKeyFigure(entry)));
+}
+/**
+ * The one number a case study is remembered by, when the entry declares it
+ * (`keyFigure`, and `keyFigureLabel` for what it measures): set large under
+ * the summary, as a result on a data sheet. An entry without it renders
+ * exactly as before.
+ */
+function renderKeyFigure(entry) {
+    const value = entry.keyFigure;
+    if (typeof value !== 'string' || value.trim() === '')
+        return null;
+    const label = typeof entry.keyFigureLabel === 'string' ? entry.keyFigureLabel : undefined;
+    return h('p', { class: 'cg-entry__figure' }, h('span', { class: 'cg-entry__figure-value' }, value), label === undefined ? null : h('span', { class: 'cg-entry__figure-label' }, label));
 }
 export function renderCollectionList(block, ctx, entries) {
     const hasTitle = block.title !== undefined;
     const entryTag = nestedHeadingTag('collectionList', hasTitle);
     const items = entries.length === 0
         ? h('p', { class: 'cg-collection__empty' }, ctx.t('collection.empty'))
-        : h(block.layout === 'list' ? 'ol' : 'ul', { class: 'cg-collection__items', 'data-count': String(Math.min(entries.length, 4)) }, entries.map((entry, index) => renderEntry(entry, index, ctx, entryTag)));
+        : h(block.layout === 'list' ? 'ol' : 'ul', { class: 'cg-collection__items', 'data-count': String(entries.length) }, entries.map((entry, index) => renderEntry(entry, index, ctx, entryTag)));
     return section('section', 'collectionList', 'cg-collection', { 'data-layout': block.layout }, 'div', hasTitle
         ? h('div', { class: 'cg-head' }, heading(blockHeadingTag('collectionList') ?? 'h2', { class: 'cg-head__title', 'data-field': 'title' }, block.title ?? ''))
         : null, block.layout === 'carousel' && entries.length > 0

package/dist/src/render/blocks/collection-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection-list.js","sourceRoot":"","sources":["../../../../src/render/blocks/collection-list.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"collection-list.js","sourceRoot":"","sources":["../../../../src/render/blocks/collection-list.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cogenta/theme-entreprise",
-  "version": "1.3.3",
+  "version": "1.4.1",
   "description": "A management consultancy theme for Cogenta: an editorial twelve-column grid, Newsreader and Hanken Grotesk, hairlines instead of boxes, a designed dark mode, and zero client JavaScript.",
   "license": "MPL-2.0",
   "type": "module",
@@ -36,9 +36,9 @@
     "directory": "packages/theme-entreprise"
   },
   "dependencies": {
-    "@cogenta/render": "0.3.5",
-    "@cogenta/blocks": "1.1.3",
-    "@cogenta/theme-kit": "0.5.3"
+    "@cogenta/theme-kit": "0.6.0",
+    "@cogenta/blocks": "1.1.4",
+    "@cogenta/render": "0.3.6"
   },
   "peerDependencies": {
     "astro": "^7.2.1"

package/src/render/blocks/collection-list.ts

@@ -100,10 +100,29 @@ function renderEntry(
         ),
       ),
       excerpt === undefined ? null : h('p', { class: 'cg-entry__excerpt' }, excerpt),
+      renderKeyFigure(entry),
     ),
   )
 }
 
+/**
+ * The one number a case study is remembered by, when the entry declares it
+ * (`keyFigure`, and `keyFigureLabel` for what it measures): set large under
+ * the summary, as a result on a data sheet. An entry without it renders
+ * exactly as before.
+ */
+function renderKeyFigure(entry: ContentEntry): HtmlElement | null {
+  const value = entry.keyFigure
+  if (typeof value !== 'string' || value.trim() === '') return null
+  const label = typeof entry.keyFigureLabel === 'string' ? entry.keyFigureLabel : undefined
+  return h(
+    'p',
+    { class: 'cg-entry__figure' },
+    h('span', { class: 'cg-entry__figure-value' }, value),
+    label === undefined ? null : h('span', { class: 'cg-entry__figure-label' }, label),
+  )
+}
+
 export function renderCollectionList(
   block: CollectionListBlock,
   ctx: RenderContext,
@@ -116,7 +135,7 @@ export function renderCollectionList(
       ? h('p', { class: 'cg-collection__empty' }, ctx.t('collection.empty'))
       : h(
           block.layout === 'list' ? 'ol' : 'ul',
-          { class: 'cg-collection__items', 'data-count': String(Math.min(entries.length, 4)) },
+          { class: 'cg-collection__items', 'data-count': String(entries.length) },
           entries.map((entry, index) => renderEntry(entry, index, ctx, entryTag)),
         )
 

package/src/styles/archive.css

@@ -17,6 +17,7 @@
   list-style: none;
   font-size: var(--cg-text-xs);
   font-weight: var(--cg-weight-medium);
+  font-family: var(--cg-font-label);
   letter-spacing: var(--cg-tracking-label);
   text-transform: uppercase;
 }
@@ -105,6 +106,7 @@
 .cg-index__date {
   font-size: var(--cg-text-xs);
   font-weight: var(--cg-weight-medium);
+  font-family: var(--cg-font-label);
   letter-spacing: var(--cg-tracking-label);
   text-transform: uppercase;
   font-variant-numeric: lining-nums tabular-nums;

package/src/styles/base.css

@@ -54,7 +54,7 @@ img {
 
 :where(h1, h2, h3, h4, h5, h6) {
   font-family: var(--cg-font-display);
-  font-weight: var(--cg-weight-regular);
+  font-weight: var(--cg-weight-display);
   line-height: var(--cg-leading-heading);
   letter-spacing: var(--cg-tracking-heading);
   text-wrap: balance;
@@ -861,7 +861,8 @@ a.cg-search__title:hover {
 
 .cg-search__error,
 .cg-form__error,
-.cg-form__field-error {
+.cg-form__field-error,
+.cg-comments__notice {
   color: var(--cg-ink);
   font-weight: var(--cg-weight-semibold);
 }

package/src/styles/blocks.css

@@ -66,6 +66,7 @@
   list-style: none;
   font-size: var(--cg-text-xs);
   font-weight: var(--cg-weight-medium);
+  font-family: var(--cg-font-label);
   letter-spacing: var(--cg-tracking-label);
   text-transform: uppercase;
   color: var(--cg-ink-muted);
@@ -139,7 +140,12 @@
 
 /* --------------------------------------------------------------------------
    hero
-   -------------------------------------------------------------------------- */
+   --------------------------------------------------------------------------
+
+   With a photograph, the hero is the photograph: full bleed under the
+   header, the title set in paper colour at the bottom of the frame over one
+   flat ink veil (a uniform tint, never a gradient), subtitle and actions
+   beneath it. Without one, a typographic hero on the grid. */
 
 .cg-hero__inner {
   row-gap: var(--cg-s10);
@@ -153,30 +159,33 @@
   margin: 0 0 var(--cg-s8);
   font-size: var(--cg-text-xs);
   font-weight: var(--cg-weight-medium);
+  font-family: var(--cg-font-label);
   letter-spacing: var(--cg-tracking-label);
   text-transform: uppercase;
   color: var(--cg-ink-muted);
 }
 
+/* A square marker, the signal of a healthy reading, rather than a rule. */
 .cg-hero__eyebrow::before {
   content: "";
   flex: none;
-  inline-size: var(--cg-s8);
-  block-size: var(--cg-rule);
+  inline-size: 0.5rem;
+  block-size: 0.5rem;
   background: var(--cg-accent);
 }
 
 .cg-hero__title {
   max-inline-size: 17ch;
   font-size: var(--cg-size-display);
-  font-weight: var(--cg-weight-regular);
+  font-weight: var(--cg-weight-display);
   line-height: var(--cg-leading-display);
   letter-spacing: var(--cg-tracking-display);
+  text-wrap: balance;
 }
 
 .cg-hero__subtitle {
   margin: 0;
-  max-inline-size: 38ch;
+  max-inline-size: 42ch;
   font-size: var(--cg-size-lead);
   line-height: 1.45;
   color: var(--cg-ink-muted);
@@ -192,6 +201,78 @@
   object-fit: cover;
 }
 
+.cg-hero[data-media="present"] {
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  align-items: flex-end;
+  min-block-size: min(86svh, 54rem);
+  padding-block: var(--cg-s32) clamp(var(--cg-s12), 7vw, var(--cg-s20));
+  color: var(--cg-band-ink);
+  background: var(--cg-band);
+}
+
+:is(.cg-main, .cg-sidebar-layout__content) > .cg-hero[data-media="present"]:first-child {
+  padding-block-start: var(--cg-s32);
+}
+
+.cg-hero[data-media="present"] .cg-hero__inner {
+  inline-size: 100%;
+}
+
+.cg-hero[data-media="present"] .cg-hero__media {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+}
+
+.cg-hero[data-media="present"] .cg-hero__media::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: color-mix(in oklab, var(--cg-band) 60%, transparent);
+}
+
+.cg-hero[data-media="present"] .cg-hero__image {
+  block-size: 100%;
+  aspect-ratio: auto;
+}
+
+.cg-hero[data-media="present"] .cg-hero__eyebrow {
+  color: var(--cg-band-muted);
+}
+
+/* Over a photograph, the lead keeps the paper colour: a muted tone on a
+   busy picture is where contrast is lost first. */
+.cg-hero[data-media="present"] .cg-hero__subtitle {
+  color: var(--cg-band-ink);
+}
+
+.cg-hero[data-media="present"] .cg-hero__title {
+  color: var(--cg-band-ink);
+}
+
+.cg-hero[data-media="present"] .cg-action[data-emphasis="primary"] {
+  background: var(--cg-band-ink);
+  border-color: var(--cg-band-ink);
+  color: var(--cg-band);
+}
+
+.cg-hero[data-media="present"] .cg-action[data-emphasis="primary"]:hover {
+  background: var(--cg-accent);
+  border-color: var(--cg-accent);
+  color: var(--cg-accent-fg);
+}
+
+.cg-hero[data-media="present"] .cg-action[data-emphasis="secondary"] {
+  color: var(--cg-band-ink);
+  text-decoration-color: var(--cg-band-muted);
+}
+
+.cg-hero[data-media="present"] :focus-visible {
+  outline-color: var(--cg-band-ink);
+}
+
 @media (min-width: 64rem) {
   .cg-hero__inner {
     row-gap: var(--cg-s16);
@@ -219,6 +300,18 @@
     grid-column: 6 / span 6;
     align-self: start;
   }
+
+  .cg-hero[data-media="present"] .cg-hero__inner {
+    row-gap: var(--cg-s10);
+  }
+
+  .cg-hero[data-media="present"] .cg-hero__intro {
+    grid-column: 1 / span 10;
+  }
+
+  .cg-hero[data-media="present"] .cg-hero__aside {
+    grid-column: 1 / span 6;
+  }
 }
 
 /* --------------------------------------------------------------------------
@@ -245,6 +338,7 @@
   padding-block: var(--cg-s6) 0;
   font-size: var(--cg-text-xs);
   font-weight: var(--cg-weight-medium);
+  font-family: var(--cg-font-label);
   letter-spacing: var(--cg-tracking-label);
   text-transform: uppercase;
   color: var(--cg-ink-muted);
@@ -266,16 +360,14 @@
 
 @media (min-width: 64rem) {
   .cg-logo-strip__caption {
-    grid-column: 1 / span 2;
+    grid-column: 1 / -1;
     grid-row: 2;
-    align-self: center;
-    padding-block: 0;
-    max-inline-size: 12ch;
+    padding-block: var(--cg-s6) 0;
   }
 
   .cg-logo-strip__items {
-    grid-column: 3 / -1;
-    grid-row: 2;
+    grid-column: 1 / -1;
+    grid-row: 3;
     grid-template-columns: none;
     grid-auto-flow: column;
     grid-auto-columns: minmax(0, 1fr);
@@ -373,10 +465,22 @@
    stats: one typographic row between vertical rules.
    -------------------------------------------------------------------------- */
 
+/* An instrument panel: the one ink band of the middle of a page. */
+.cg-stats {
+  padding-block: calc(var(--cg-section) * 0.6) calc(var(--cg-section) * 0.45);
+  background: var(--cg-band);
+  color: var(--cg-band-ink);
+  --cg-line: var(--cg-band-line);
+}
+
 .cg-stats .cg-head {
   margin-block-end: var(--cg-s8);
 }
 
+.cg-stats .cg-head__title {
+  color: var(--cg-band-ink);
+}
+
 .cg-stats__items {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -408,24 +512,29 @@
 .cg-stat__value {
   font-family: var(--cg-font-display);
   font-size: var(--cg-size-figure);
-  font-weight: var(--cg-weight-light);
+  font-weight: var(--cg-weight-display);
   line-height: 1;
   letter-spacing: -0.02em;
   font-variant-numeric: lining-nums tabular-nums;
-  color: var(--cg-ink);
+  color: var(--cg-band-ink);
 }
 
 .cg-stat__unit {
-  margin-inline-start: 0.06em;
-  font-size: 0.62em;
+  margin-inline-start: 0.3em;
+  font-family: var(--cg-font-label);
+  font-size: 0.42em;
   letter-spacing: 0;
+  color: color-mix(in oklab, var(--cg-accent) 45%, var(--cg-band-ink));
 }
 
 .cg-stat__label {
   max-inline-size: 24ch;
-  font-size: var(--cg-text-sm);
-  line-height: 1.45;
-  color: var(--cg-ink-muted);
+  font-family: var(--cg-font-label);
+  font-size: var(--cg-text-xs);
+  line-height: 1.5;
+  letter-spacing: var(--cg-tracking-label);
+  text-transform: uppercase;
+  color: var(--cg-band-muted);
 }
 
 @media (min-width: 64rem) {
@@ -473,7 +582,7 @@
 .cg-counter__value {
   font-family: var(--cg-font-display);
   font-size: var(--cg-size-figure);
-  font-weight: var(--cg-weight-light);
+  font-weight: var(--cg-weight-display);
   line-height: 1;
   letter-spacing: -0.02em;
   font-variant-numeric: lining-nums tabular-nums;
@@ -520,6 +629,7 @@
   margin: 0 0 var(--cg-s3);
   font-size: var(--cg-text-xs);
   font-weight: var(--cg-weight-medium);
+  font-family: var(--cg-font-label);
   letter-spacing: var(--cg-tracking-label);
   text-transform: uppercase;
   font-variant-numeric: lining-nums tabular-nums;
@@ -709,6 +819,36 @@
   }
 }
 
+/* A case study's key figure: the result, set as a reading on a data sheet. */
+.cg-entry__figure {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--cg-s2) var(--cg-s4);
+  margin: var(--cg-s6) 0 0;
+  padding-block-start: var(--cg-s4);
+  border-block-start: var(--cg-rule) solid var(--cg-line);
+}
+
+.cg-entry__figure-value {
+  font-size: var(--cg-size-heading);
+  font-weight: var(--cg-weight-display);
+  line-height: 1;
+  letter-spacing: var(--cg-tracking-heading);
+  font-variant-numeric: lining-nums tabular-nums;
+  color: var(--cg-accent);
+}
+
+.cg-entry__figure-label {
+  max-inline-size: 26ch;
+  font-family: var(--cg-font-label);
+  font-size: var(--cg-text-xs);
+  line-height: 1.5;
+  letter-spacing: var(--cg-tracking-label);
+  text-transform: uppercase;
+  color: var(--cg-ink-muted);
+}
+
 /* carousel: the grid's item, in a scroll-snapping row. */
 .cg-collection__viewport,
 .cg-gallery__viewport {
@@ -742,7 +882,7 @@
 .cg-pullquote__quote {
   font-family: var(--cg-font-display);
   font-size: var(--cg-size-quote);
-  font-weight: var(--cg-weight-light);
+  font-weight: var(--cg-weight-display);
   line-height: 1.18;
   letter-spacing: -0.012em;
   color: var(--cg-ink);
@@ -1280,7 +1420,7 @@ details[open] > summary .cg-toggle-mark::after {
   }
 
   .cg-figure[data-align="wide"] .cg-figure__media {
-    grid-column: 1 / span 9;
+    grid-column: 1 / -1;
     grid-row: 1;
   }
 
@@ -1294,7 +1434,6 @@ details[open] > summary .cg-toggle-mark::after {
     grid-row: 1;
   }
 
-  .cg-figure[data-align="wide"] .cg-figure__caption,
   .cg-figure[data-align="start"] .cg-figure__caption,
   .cg-figure[data-align="end"] .cg-figure__caption {
     grid-row: 1;
@@ -1304,7 +1443,8 @@ details[open] > summary .cg-toggle-mark::after {
   }
 
   .cg-figure[data-align="wide"] .cg-figure__caption {
-    grid-column: 10 / -1;
+    grid-column: 1 / span 7;
+    grid-row: 2;
   }
 
   .cg-figure[data-align="start"] .cg-figure__caption {
@@ -1498,7 +1638,7 @@ details[open] > summary .cg-toggle-mark::after {
 .cg-pricing__amount {
   font-family: var(--cg-font-display);
   font-size: var(--cg-size-heading);
-  font-weight: var(--cg-weight-light);
+  font-weight: var(--cg-weight-display);
   line-height: 1;
   letter-spacing: -0.02em;
   font-variant-numeric: lining-nums tabular-nums;
@@ -1599,6 +1739,7 @@ details[open] > summary .cg-toggle-mark::after {
   margin: 0;
   font-size: var(--cg-text-xs);
   font-weight: var(--cg-weight-medium);
+  font-family: var(--cg-font-label);
   letter-spacing: var(--cg-tracking-label);
   text-transform: uppercase;
   color: var(--cg-ink-muted);

package/src/styles/theme.css

@@ -13,15 +13,15 @@
  * a skin token or from a `--cg-*` property composed from those.
  *
  * The one thing this file adds on its own is the Google Fonts request for the
- * two families `tokens.json` names: Newsreader (display and headings, with
- * its optical-size axis, so a 13 px caption and an 80 px title each get the
- * cut drawn for them) and Hanken Grotesk (text and interface). A skin only
+ * two families `tokens.json` names: Geist (display, headings, text and
+ * interface, on one variable weight axis) and Geist Mono (labels, indices,
+ * figures and captions, the register of an engineering document). A skin only
  * names a family; it never fetches one. Both fall back to real system stacks
  * if Google Fonts is unreachable, and `display=swap` keeps text visible while
  * they load. `cogenta serve` hoists this `@import` above the skin's rules.
  */
 
-@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,300..700;1,400&family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,300..500&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300..700&family=Geist+Mono:wght@400..600&display=swap");
 
 @import "./tokens.css";
 @import "./base.css";

package/src/styles/tokens.css

@@ -1,11 +1,12 @@
 /*
  * `@cogenta/theme-entreprise`'s design system.
  *
- * The register is a management consultancy's: institutional restraint,
- * generous whitespace, editorial confidence. Neutrals carry the page (a cool
- * ivory paper and a blue-black ink), one deep green accent is spent rarely
- * (links, the eyebrow rule, one bar in an exhibit), and depth comes from
- * hairlines and space, never from shadows or tinted boxes.
+ * The register is an engineering company's: precise, factual, quietly
+ * technical. Neutrals carry the page (a cool grey paper and a blue-black ink),
+ * one signal green is spent rarely (links, markers, one bar in a chart), and
+ * depth comes from hairlines, full-bleed photographs and ink bands, never from
+ * shadows or tinted boxes. Labels, indices and figures are set in a monospace,
+ * as on a drawing or a data sheet.
  *
  * Contract D fixes a closed skin token set, so nothing here adds a token:
  * every value is derived from a `--cogenta-*` property (`calc`,
@@ -91,13 +92,14 @@
 }
 
 /* --------------------------------------------------------------------------
-   Type: Newsreader for display and headings, Hanken Grotesk for text and
-   interface. The skin names both; the theme only decides where each goes.
+   Type: Geist for display, headings and text, Geist Mono for labels, indices
+   and figures. The skin names both; the theme only decides where each goes.
    -------------------------------------------------------------------------- */
 
 :where(:root) {
   --cg-font-display: var(--cogenta-font-serif);
   --cg-font-text: var(--cogenta-font-sans);
+  --cg-font-label: var(--cogenta-font-mono);
 
   --cg-text-xs: var(--cogenta-font-size-xs, 0.68rem);
   --cg-text-sm: var(--cogenta-font-size-sm, 0.85rem);
@@ -123,19 +125,21 @@
   --cg-size-figure: clamp(var(--cg-text-3xl), calc(1rem + 3vw), var(--cg-text-5xl));
   --cg-size-lead: clamp(var(--cg-text-lg), calc(0.9rem + 0.6vw), var(--cg-text-xl));
 
-  --cg-leading-display: 1.02;
-  --cg-leading-heading: 1.1;
+  --cg-leading-display: 0.98;
+  --cg-leading-heading: 1.08;
   --cg-leading-snug: 1.3;
   --cg-leading-text: 1.62;
 
-  --cg-tracking-display: -0.022em;
-  --cg-tracking-heading: -0.014em;
-  --cg-tracking-label: 0.08em;
+  --cg-tracking-display: -0.042em;
+  --cg-tracking-heading: -0.03em;
+  --cg-tracking-label: 0.04em;
 
   --cg-weight-light: 350;
   --cg-weight-regular: 400;
   --cg-weight-medium: 500;
   --cg-weight-semibold: 600;
+  /* Display and headings: a grotesk reads confident at medium, not light. */
+  --cg-weight-display: 500;
 }
 
 /* --------------------------------------------------------------------------

package/src/styles/widgets.css

@@ -310,7 +310,7 @@
   color: var(--cg-ink);
   font-family: var(--cg-font-display);
   font-size: calc((var(--cg-text-md) + var(--cg-text-lg)) / 2);
-  font-weight: var(--cg-weight-regular);
+  font-weight: var(--cg-weight-display);
   line-height: 1.22;
   letter-spacing: -0.006em;
   text-decoration-color: transparent;
@@ -345,6 +345,7 @@
   color: var(--cg-ink-subtle);
   font-size: var(--cg-text-xs);
   font-weight: var(--cg-weight-medium);
+  font-family: var(--cg-font-label);
   letter-spacing: var(--cg-tracking-label);
   text-transform: uppercase;
   font-variant-numeric: lining-nums tabular-nums;
@@ -664,7 +665,7 @@
   color: var(--cg-band-ink);
   font-family: var(--cg-font-display);
   font-size: var(--cg-text-xl);
-  font-weight: var(--cg-weight-regular);
+  font-weight: var(--cg-weight-display);
   line-height: 1.15;
   letter-spacing: var(--cg-tracking-heading);
   text-wrap: pretty;
@@ -829,7 +830,7 @@
   border-block-start-color: var(--cg-line);
   font-family: var(--cg-font-display);
   font-size: var(--cg-size-subheading);
-  font-weight: var(--cg-weight-regular);
+  font-weight: var(--cg-weight-display);
   line-height: var(--cg-leading-heading);
   letter-spacing: var(--cg-tracking-heading);
   text-transform: none;

package/tokens.json

@@ -1,19 +1,19 @@
 {
   "color": {
-    "bg": "#f5f5f0",
-    "fg": "#0f1a24",
-    "accent": "#174a3a",
+    "bg": "#f4f4f2",
+    "fg": "#0c0f14",
+    "accent": "#087044",
     "accentFg": "#ffffff",
-    "muted": "#e9e9e2",
-    "mutedFg": "#4a535b",
-    "border": "#d6d6ce"
+    "muted": "#e8e8e4",
+    "mutedFg": "#4b525a",
+    "border": "#d7d8d3"
   },
   "font": {
-    "sans": "'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif",
-    "serif": "'Newsreader', ui-serif, Georgia, Cambria, 'Times New Roman', serif",
-    "mono": "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace",
+    "sans": "'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif",
+    "serif": "'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif",
+    "mono": "'Geist Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace",
     "scale": 1.25,
-    "baseSize": "1.0625rem"
+    "baseSize": "1rem"
   },
   "space": {
     "unit": "0.25rem",
@@ -30,7 +30,7 @@
     "reduced": true
   },
   "shadow": {
-    "sm": "0 1px 0 rgba(15, 26, 36, 0.06)",
-    "md": "0 8px 24px rgba(15, 26, 36, 0.12)"
+    "sm": "0 1px 0 rgba(12, 15, 20, 0.06)",
+    "md": "0 8px 24px rgba(12, 15, 20, 0.12)"
   }
 }