@rmdes/indiekit-endpoint-site-config 1.0.0-beta.4 → 1.0.0-beta.6

package/lib/controllers/branding.js

@@ -52,15 +52,12 @@ export const ACCENT_SUGGESTIONS = Object.freeze([
  *
  * @type {ReadonlyArray<{slug: string, label: string}>}
  */
-// NOTE: `slug` values are stable identifiers persisted in MongoDB and MUST NOT
-// change (renaming would orphan saved configs). The `neutral-zinc` and
-// `warm-gray` slugs now carry the Sage / Clay palettes — see surface-presets.js.
 export const SURFACE_PRESET_OPTIONS = Object.freeze([
-  Object.freeze({ slug: "warm-stone",   label: "Warm Stone" }),
-  Object.freeze({ slug: "warm-gray",    label: "Clay" }),
-  Object.freeze({ slug: "stone",        label: "Stone (Neutral)" }),
-  Object.freeze({ slug: "cool-slate",   label: "Cool Slate" }),
-  Object.freeze({ slug: "neutral-zinc", label: "Sage" }),
+  Object.freeze({ slug: "warm-stone", label: "Warm Stone" }),
+  Object.freeze({ slug: "clay",       label: "Clay" }),
+  Object.freeze({ slug: "stone",      label: "Stone (Neutral)" }),
+  Object.freeze({ slug: "cool-slate", label: "Cool Slate" }),
+  Object.freeze({ slug: "sage",       label: "Sage" }),
 ]);
 
 /**

package/lib/controllers/identity.js

@@ -44,6 +44,7 @@ function parseSocialFromBody(body) {
 export function parseIdentityBody(body) {
   return {
     name:           safeString(body.name),
+    siteName:       safeString(body.siteName),
     avatar:         safeUrlOrEmpty(body.avatar),
     title:          safeString(body.title),
     pronoun:        safeString(body.pronoun),

package/lib/render/surface-presets.js

@@ -1,20 +1,11 @@
 // Surface presets — the neutral/tinted base palettes offered in the branding
 // admin. Each is an 11-step tone ramp (50 lightest → 950 darkest).
 //
-// Design note (2026-06-06): the original five were warm-stone, cool-slate,
-// stone, neutral-zinc and warm-gray. Three of those (stone, neutral-zinc,
-// warm-gray) were near-identical Tailwind neutrals — stone and neutral-zinc
-// even shared an identical tone-50 (#fafafa) — so switching between them
-// produced no visible change in light mode (where the page background is
-// tone-50). To keep persisted configs valid, the SLUGS are unchanged, but the
-// `neutral-zinc` and `warm-gray` ramps were re-skinned into distinct hue
-// families (Sage / Clay). Labels live in lib/controllers/branding.js.
-//
-//   warm-stone   — warm taupe/brown (original rmendes.net palette)
-//   cool-slate   — blue-gray (Tailwind "slate")
-//   stone        — true neutral gray (Tailwind "neutral")
-//   neutral-zinc — Sage: green-tinted neutral
-//   warm-gray    — Clay: terracotta/rose-tinted warm
+//   warm-stone — warm taupe/brown (original rmendes.net palette)
+//   cool-slate — blue-gray (Tailwind "slate")
+//   stone      — true neutral gray (Tailwind "neutral")
+//   sage       — green-tinted neutral
+//   clay       — terracotta/rose-tinted warm
 //
 // `cool-slate` and `stone` ramps are from Tailwind CSS (MIT License,
 // Copyright (c) Tailwind Labs, Inc. — https://tailwindcss.com/docs/colors).
@@ -31,15 +22,15 @@ export const SURFACE_PRESETS = Object.freeze({
     600: "#475569", 700: "#334155", 800: "#1e293b",
     900: "#0f172a", 950: "#020617",
   }),
-  // Sage — green-tinted neutral. Slug kept as "neutral-zinc" for persistence.
-  "neutral-zinc": Object.freeze({
+  // Sage — green-tinted neutral.
+  "sage": Object.freeze({
     50:  "#f3f7f1", 100: "#e6efe3", 200: "#cfe0ca",
     300: "#aecaa6", 400: "#82a878", 500: "#5e8a5a",
     600: "#496e47", 700: "#3a5638", 800: "#283a27",
     900: "#1a271a", 950: "#0e150e",
   }),
-  // Clay — terracotta/rose-tinted warm. Slug kept as "warm-gray".
-  "warm-gray": Object.freeze({
+  // Clay — terracotta/rose-tinted warm.
+  "clay": Object.freeze({
     50:  "#faf4f1", 100: "#f4e7e1", 200: "#e8d2c7",
     300: "#d8b3a2", 400: "#c08b73", 500: "#a8705a",
     600: "#8a5642", 700: "#6d4334", 800: "#492d23",

package/lib/storage/defaults-site.js

@@ -37,6 +37,11 @@ export const DEFAULTS_SITE = Object.freeze({
   schemaVersion: 3,
   identity: Object.freeze({
     name: "",
+    // Site title / brand — drives the header, <title>, og:site_name and
+    // schema.org publisher. Distinct from `name` (the person, used by the
+    // h-card / hero). Empty falls back to `name` in the theme so single-author
+    // sites where the brand IS the person keep working with one field.
+    siteName: "",
     avatar: "",
     title: "",
     pronoun: "",

package/locales/en.json

@@ -21,7 +21,7 @@
       "saved": "Identity saved successfully. Refresh your site to see changes.",
       "profile": {
         "legend": "Profile",
-        "name":        { "label": "Name",        "hint": "Your name as shown in the h-card and OG metadata" },
+        "name":        { "label": "Name",        "hint": "The person's name, shown in the h-card, hero, and author cards. For the site/brand title, use Site title below." },
         "title":       { "label": "Title",       "hint": "Job title or tagline (e.g. 'Middleware Engineer')" },
         "avatar":      { "label": "Avatar URL",  "hint": "URL of your profile photo for the h-card" },
         "pronoun":     { "label": "Pronouns",    "hint": "e.g. she/her, he/him, they/them" },
@@ -55,7 +55,7 @@
       "preferences": {
         "legend": "Site preferences"
       },
-      "name":            "Site name",
+      "siteName":        { "label": "Site title", "hint": "Shown in the site header, browser tab, and link previews. Leave blank to use your Name above (for single-author sites where the brand is the person)." },
       "description":     "Description",
       "tagline":         "Tagline",
       "defaultOgImage":  "Default OpenGraph image URL",

package/locales/fr.json

@@ -21,7 +21,7 @@
       "saved": "Identité enregistrée avec succès. Actualisez votre site pour voir les modifications.",
       "profile": {
         "legend": "Profil",
-        "name":        { "label": "Nom",            "hint": "Votre nom tel qu'il apparaît dans la h-card et les métadonnées OG" },
+        "name":        { "label": "Nom",            "hint": "Le nom de la personne, affiché dans la h-card, le hero et les cartes d'auteur. Pour le titre du site/de la marque, utilisez Titre du site ci-dessous." },
         "title":       { "label": "Titre",          "hint": "Intitulé de poste ou slogan (ex. « Ingénieur middleware »)" },
         "avatar":      { "label": "URL de l'avatar","hint": "URL de votre photo de profil pour la h-card" },
         "pronoun":     { "label": "Pronoms",        "hint": "ex. elle, il, iel" },
@@ -55,7 +55,7 @@
       "preferences": {
         "legend": "Préférences du site"
       },
-      "name":            "Nom du site",
+      "siteName":        { "label": "Titre du site", "hint": "Affiché dans l'en-tête du site, l'onglet du navigateur et les aperçus de liens. Laissez vide pour utiliser votre Nom ci-dessus (pour les sites mono-auteur où la marque est la personne)." },
       "description":     "Description",
       "tagline":         "Slogan",
       "defaultOgImage":  "Image OpenGraph par défaut",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-site-config",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.6",
   "type": "module",
   "description": "Site identity, branding, and navigation configuration for Indiekit",
   "main": "index.js",

package/views/site-config-identity.njk

@@ -334,6 +334,12 @@
   <section class="hp-section">
     <h2>{{ __('siteConfig.identity.preferences.legend') }}</h2>
     <div class="hp-field-grid">
+      <div class="field field--full">
+        <label class="field__label" for="siteName">{{ __('siteConfig.identity.siteName.label') }}</label>
+        <input class="field__input" type="text" id="siteName" name="siteName"
+               value="{{ config.identity.siteName or '' }}">
+        <p class="field__hint">{{ __('siteConfig.identity.siteName.hint') }}</p>
+      </div>
       <div class="field">
         <label class="field__label" for="locale">{{ __('siteConfig.identity.locale') }}</label>
         <input class="field__input" type="text" id="locale" name="locale"