diff --git a/docs/server.md b/docs/server.md
index 43575b8a..525b2f5a 100644
--- a/docs/server.md
+++ b/docs/server.md
@@ -50,3 +50,51 @@ cook server --host
 - The web interface supports recipe browsing, scaling, search, and shopping list management
 - The UI language is negotiated per request from the browser's `Accept-Language` header — each visitor sees the interface in their own language (supported: `en-US`, `de-DE`, `nl-NL`, `fr-FR`, `es-ES`, `eu-ES`, `sv-SE`). For static sites, see the `--lang` flag of [`cook build web`](build.md#localization).
 - Mobile-friendly responsive layout
+
+## Custom Metadata Families (e.g. Nutrition)
+
+Beyond the [standard Cooklang metadata keys](https://cooklang.org/docs/spec/#canonical-metadata) (`servings`, `time`, `course`, `author`, ...), any YAML frontmatter key whose value is a **list** or a **mapping** is shown on the recipe page as its own line below the tags, grouped by key — one line per family. This works for any such key, not just `nutrition` — e.g. `allergens:` below renders as its own "Allergens" line automatically, with no code changes required.
+
+```yaml
+---
+tags:
+  - vegan
+  - gluten-free
+nutrition:
+  kcal: 258
+  proteins: 4.2
+  lipids: 4.8
+  sugars: 39.4
+  fibers: 5.3
+file:
+  created-by: Yannick
+  created-at: 2026-08-20
+  modified-by: Yannick
+  modified-at: 2026-08-24
+allergens:
+  - gluten
+  - tree nuts
+---
+```
+
+### Two forms
+
+- **Mapping** (recommended, shown above): `field: value`. A bare number gets its unit inferred from the field name for `nutrition` (`kcal` → `kcal`, everything else → `g`); `field: "45.3%g"` also works if you want to spell out a different unit.
+- **List** (legacy, still supported): `- "258%kcal"`. The `%` is replaced with a space when displayed (`258 kcal`); entries without a `%` are shown as-is. Because list entries are free text, they aren't translated — write them in whichever language you want displayed.
+
+### Hiding a family or a single entry
+
+Prefix a key with `.` to hide it from the recipe page: `.internal-notes:` hides the whole family, and `.lipids:` (inside `nutrition:`) hides just that one entry while the rest of the family still shows. `tags` is never treated as a custom family — it keeps its own dedicated row above, and can't be hidden this way.
+
+### Specific renderers: `nutrition` and `file`/`meta`
+
+Two families get dedicated icons and (for `nutrition`) localized labels, matched on their fields:
+
+- **`nutrition`**: `kcal`/`cal`/`energy` (flame), `proteins` (meat), `lipids`/`fat` (droplet), `saturated-fat` (filled droplet), `carbohydrates`/`carbs` (bread), `sugars` (candy), `fibers`/`fibre` (wheat), `salt`/`sodium` (salt shaker). The nutrient name (everything but `kcal`, which needs none) is translated into the viewer's UI language — see [Localization](build.md#localization) for the supported locales.
+- **`file`** (or `meta`, both work): `created-by`/`created-at`/`modified-by`/`modified-at` — person, calendar, pencil, and history icons respectively, with a translated `"Label: value"` line (e.g. `"Modified at: 2026-08-24"`, `"Modifié le : 2026-08-24"` in French, with the French space before `:`).
+
+Every other family (like `allergens` above) falls back to a generic rendering: list entries as-authored, mapping entries as `"field: value"`, no icon. Adding a third specific renderer means adding a case in `src/web/family_renderers/mod.rs`'s `renderer_for` plus a small renderer file next to `nutrition.rs`/`file.rs` — there's no filename-based auto-discovery (Rust has no runtime filesystem scanning for this), so that match statement is always the definitive list of which families get special treatment.
+
+### Recipe list page
+
+Only the calorie entry from `nutrition` (`kcal`) is shown, as a compact badge next to the tags — the other custom families are only shown on the recipe detail page, to keep list cards compact.
diff --git a/locales/de-DE/recipes.ftl b/locales/de-DE/recipes.ftl
index c80a1f2a..6beca9cd 100644
--- a/locales/de-DE/recipes.ftl
+++ b/locales/de-DE/recipes.ftl
@@ -36,6 +36,20 @@ meta-total-time = Gesamtzeit
 meta-servings = Portionen
 meta-difficulty = Schwierigkeit
 meta-description = Beschreibung
+meta-created-by = Erstellt von
+meta-created-at = Erstellt am
+meta-modified-by = Geändert von
+meta-modified-at = Geändert am
+
+# Nutrition (benutzerdefinierte `nutrition:`-Metadaten)
+nutrition-per-serving = pro Portion
+nutrition-proteins = Eiweiß
+nutrition-lipids = Fett
+nutrition-saturated-fat = gesättigte Fettsäuren
+nutrition-carbohydrates = Kohlenhydrate
+nutrition-sugars = Zucker
+nutrition-fibers = Ballaststoffe
+nutrition-salt = Salz
 
 # Recipe Types
 recipe-type-menu = Menü
diff --git a/locales/en-US/recipes.ftl b/locales/en-US/recipes.ftl
index 1b4efd52..f07d99df 100644
--- a/locales/en-US/recipes.ftl
+++ b/locales/en-US/recipes.ftl
@@ -36,6 +36,20 @@ meta-total-time = Total Time
 meta-servings = Servings
 meta-difficulty = Difficulty
 meta-description = Description
+meta-created-by = Created by
+meta-created-at = Created at
+meta-modified-by = Modified by
+meta-modified-at = Modified at
+
+# Nutrition (custom `nutrition:` metadata)
+nutrition-per-serving = per serving
+nutrition-proteins = proteins
+nutrition-lipids = fat
+nutrition-saturated-fat = saturated fat
+nutrition-carbohydrates = carbohydrates
+nutrition-sugars = sugars
+nutrition-fibers = fiber
+nutrition-salt = salt
 
 # Recipe Types
 recipe-type-menu = Menu
diff --git a/locales/es-ES/recipes.ftl b/locales/es-ES/recipes.ftl
index 171455b1..d96c134f 100644
--- a/locales/es-ES/recipes.ftl
+++ b/locales/es-ES/recipes.ftl
@@ -36,6 +36,20 @@ meta-total-time = Tiempo Total
 meta-servings = Porciones
 meta-difficulty = Dificultad
 meta-description = Descripción
+meta-created-by = Creado por
+meta-created-at = Creado el
+meta-modified-by = Modificado por
+meta-modified-at = Modificado el
+
+# Nutrición (metadatos personalizados `nutrition:`)
+nutrition-per-serving = por porción
+nutrition-proteins = proteínas
+nutrition-lipids = grasas
+nutrition-saturated-fat = grasas saturadas
+nutrition-carbohydrates = hidratos de carbono
+nutrition-sugars = azúcares
+nutrition-fibers = fibra
+nutrition-salt = sal
 
 # Recipe Types
 recipe-type-menu = Menú
diff --git a/locales/eu-ES/recipes.ftl b/locales/eu-ES/recipes.ftl
index 688acca8..79fa252c 100644
--- a/locales/eu-ES/recipes.ftl
+++ b/locales/eu-ES/recipes.ftl
@@ -36,6 +36,20 @@ meta-total-time = Denbora guztira
 meta-servings = Anoak
 meta-difficulty = Zailtasuna
 meta-description = Deskribapena
+meta-created-by = Sortzailea
+meta-created-at = Sortze data
+meta-modified-by = Aldatzailea
+meta-modified-at = Aldatze data
+
+# Nutrizioa (`nutrition:` metadatu pertsonalizatuak)
+nutrition-per-serving = anoko
+nutrition-proteins = proteinak
+nutrition-lipids = gantzak
+nutrition-saturated-fat = gantz aseak
+nutrition-carbohydrates = karbohidratoak
+nutrition-sugars = azukreak
+nutrition-fibers = zuntza
+nutrition-salt = gatza
 
 # Recipe Types
 recipe-type-menu = Menua
diff --git a/locales/fr-FR/recipes.ftl b/locales/fr-FR/recipes.ftl
index 899ef28c..3bac963b 100644
--- a/locales/fr-FR/recipes.ftl
+++ b/locales/fr-FR/recipes.ftl
@@ -36,6 +36,20 @@ meta-total-time = Temps Total
 meta-servings = Portions
 meta-difficulty = Difficulté
 meta-description = Description
+meta-created-by = Créé par
+meta-created-at = Créé le
+meta-modified-by = Modifié par
+meta-modified-at = Modifié le
+
+# Nutrition (métadonnées personnalisées `nutrition:`)
+nutrition-per-serving = par portion
+nutrition-proteins = protéines
+nutrition-lipids = lipides
+nutrition-saturated-fat = graisses saturées
+nutrition-carbohydrates = glucides
+nutrition-sugars = sucres
+nutrition-fibers = fibres
+nutrition-salt = sel
 
 # Recipe Types
 recipe-type-menu = Menu
diff --git a/locales/nl-NL/recipes.ftl b/locales/nl-NL/recipes.ftl
index b6c84fda..b44dfa78 100644
--- a/locales/nl-NL/recipes.ftl
+++ b/locales/nl-NL/recipes.ftl
@@ -36,6 +36,20 @@ meta-total-time = Totale tijd
 meta-servings = Porties
 meta-difficulty = Moeilijkheidsgraad
 meta-description = Beschrijving
+meta-created-by = Aangemaakt door
+meta-created-at = Aangemaakt op
+meta-modified-by = Gewijzigd door
+meta-modified-at = Gewijzigd op
+
+# Nutrition (aangepaste `nutrition:`-metadata)
+nutrition-per-serving = per portie
+nutrition-proteins = eiwitten
+nutrition-lipids = vetten
+nutrition-saturated-fat = verzadigd vet
+nutrition-carbohydrates = koolhydraten
+nutrition-sugars = suikers
+nutrition-fibers = vezels
+nutrition-salt = zout
 
 # Recipe Types
 recipe-type-menu = Menu
diff --git a/locales/sv-SE/recipes.ftl b/locales/sv-SE/recipes.ftl
index 77256c5d..8533e7e5 100644
--- a/locales/sv-SE/recipes.ftl
+++ b/locales/sv-SE/recipes.ftl
@@ -36,6 +36,20 @@ meta-total-time = Total tid
 meta-servings = Portioner
 meta-difficulty = Svårighet
 meta-description = Beskrivning
+meta-created-by = Skapad av
+meta-created-at = Skapad
+meta-modified-by = Ändrad av
+meta-modified-at = Ändrad
+
+# Nutrition (anpassad `nutrition:`-metadata)
+nutrition-per-serving = per portion
+nutrition-proteins = protein
+nutrition-lipids = fett
+nutrition-saturated-fat = mättat fett
+nutrition-carbohydrates = kolhydrater
+nutrition-sugars = socker
+nutrition-fibers = fibrer
+nutrition-salt = salt
 
 # Recipe Types
 recipe-type-menu = Meny
diff --git a/src/web/builders.rs b/src/web/builders.rs
index 494cb534..e6396c0f 100644
--- a/src/web/builders.rs
+++ b/src/web/builders.rs
@@ -68,7 +68,7 @@ pub fn build_recipes_template(input: RecipesBuildInput<'_>) -> Result<RecipesTem
         };
 
         // Extract tags, image, is_menu, and file timestamps if this is a recipe
-        let (tags, image_path, is_menu, modified_at, created_at) =
+        let (tags, nutrition_kcal, image_path, is_menu, modified_at, created_at) =
             if let Some(ref recipe) = child.recipe {
                 let img_path = recipe.title_image().clone().and_then(|img| {
                     if img.starts_with("http://") || img.starts_with("https://") {
@@ -108,13 +108,14 @@ pub fn build_recipes_template(input: RecipesBuildInput<'_>) -> Result<RecipesTem
 
                 (
                     recipe.tags(),
+                    crate::web::family_renderers::extract_nutrition_kcal(recipe.metadata()),
                     img_path,
                     recipe.is_menu(),
                     modified_at,
                     created_at,
                 )
             } else {
-                (Vec::new(), None, false, None, None)
+                (Vec::new(), None, None, false, None, None)
             };
 
         items.push(RecipeItem {
@@ -128,6 +129,7 @@ pub fn build_recipes_template(input: RecipesBuildInput<'_>) -> Result<RecipesTem
             },
             description: None,
             tags,
+            nutrition_kcal,
             image_path,
             is_menu,
             modified_at,
@@ -715,11 +717,20 @@ pub fn build_recipe_template(input: RecipeBuildInput<'_>) -> Result<RecipeBuildO
                 if key_str.starts_with("source.") || key_str.starts_with("time.") {
                     continue;
                 }
+                // A key prefixed with "." is hidden from the recipe page.
+                if key_str.starts_with('.') {
+                    continue;
+                }
 
                 custom_metadata.push((key_str.to_string(), val_str.to_string()));
             }
         }
 
+        let custom_lists = crate::web::family_renderers::build_custom_list_families(
+            recipe.metadata.map_filtered(),
+            &lang,
+        );
+
         Some(RecipeMetadata {
             servings: get_field("servings"),
             time: get_field("time"),
@@ -740,6 +751,7 @@ pub fn build_recipe_template(input: RecipeBuildInput<'_>) -> Result<RecipeBuildO
             source: get_field("source").or_else(|| get_field("source.name")),
             source_url: get_field("source.url"),
             custom: custom_metadata,
+            custom_lists,
         })
     };
 
@@ -1007,10 +1019,19 @@ fn build_menu_template_inner(
         let mut custom_metadata = Vec::new();
         for (key, value) in recipe.metadata.map_filtered() {
             if let (Some(key_str), Some(val_str)) = (key.as_str(), value.as_str()) {
+                // A key prefixed with "." is hidden from the recipe page.
+                if key_str.starts_with('.') {
+                    continue;
+                }
                 custom_metadata.push((key_str.to_string(), val_str.to_string()));
             }
         }
 
+        let custom_lists = crate::web::family_renderers::build_custom_list_families(
+            recipe.metadata.map_filtered(),
+            &lang,
+        );
+
         Some(RecipeMetadata {
             servings: get_field("servings"),
             time: get_field("time"),
@@ -1029,6 +1050,7 @@ fn build_menu_template_inner(
             source: get_field("source").or_else(|| get_field("source.name")),
             source_url: get_field("source.url"),
             custom: custom_metadata,
+            custom_lists,
         })
     };
 
diff --git a/src/web/family_renderers/file.rs b/src/web/family_renderers/file.rs
new file mode 100644
index 00000000..a7786057
--- /dev/null
+++ b/src/web/family_renderers/file.rs
@@ -0,0 +1,75 @@
+// MIT License
+//
+// Copyright (c) 2024 cooklang
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+//! Specific renderer for the `file:`/`meta:` family (`created-by`,
+//! `created-at`, `modified-by`, `modified-at`).
+
+use super::{format_mapping_entry_default, FamilyRenderer};
+use fluent_templates::Loader;
+use unic_langid::LanguageIdentifier;
+
+/// Tabler Icons (MIT license, https://tabler.io/icons).
+const ICON_USER: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.5"/><path d="M5 20c0-3.5 3-6 7-6s7 2.5 7 6"/></svg>"##;
+const ICON_CALENDAR: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="5" width="16" height="15" rx="2"/><path d="M4 10h16M8 3v4M16 3v4"/></svg>"##;
+const ICON_PENCIL: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 4.5 19 8l-10 10H5v-4Z"/></svg>"##;
+const ICON_HISTORY: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9a8 8 0 1 1 1.5 6.5"/><path d="M4 4v5h5"/><path d="M12 8v4l3 2"/></svg>"##;
+
+/// Specific renderer for the `file`/`meta` family.
+pub(super) struct FileRender;
+
+impl FamilyRenderer for FileRender {
+    fn mapping_icon(&self, field: &str) -> Option<&'static str> {
+        match field.to_lowercase().replace('_', "-").as_str() {
+            "created-by" => Some(ICON_USER),
+            "created-at" => Some(ICON_CALENDAR),
+            "modified-by" => Some(ICON_PENCIL),
+            "modified-at" => Some(ICON_HISTORY),
+            _ => None,
+        }
+    }
+
+    /// `("created-by", "Yannick")` -> `"Created by: Yannick"` (en) /
+    /// `"Créé par : Yannick"` (fr, with the French space before `:`) /
+    /// `"Created by: Yannick"` (en), via Fluent. Any other field falls back
+    /// to the raw field name, same as [`super::generic::GenericRenderer`].
+    fn format_mapping_entry(&self, field: &str, raw: &str, lang: &LanguageIdentifier) -> String {
+        let key = match field.to_lowercase().replace('_', "-").as_str() {
+            "created-by" => "meta-created-by",
+            "created-at" => "meta-created-at",
+            "modified-by" => "meta-modified-by",
+            "modified-at" => "meta-modified-at",
+            _ => return format_mapping_entry_default(field, raw),
+        };
+        let label = crate::web::i18n::LOCALES.lookup(lang, key);
+        format!("{label}{}{}", colon_separator(lang), raw.trim())
+    }
+}
+
+/// French typography puts a (narrow no-break) space before `:`; other
+/// supported locales just follow it with a space.
+fn colon_separator(lang: &LanguageIdentifier) -> &'static str {
+    if lang.language == "fr" {
+        "\u{202f}: "
+    } else {
+        ": "
+    }
+}
diff --git a/src/web/family_renderers/generic.rs b/src/web/family_renderers/generic.rs
new file mode 100644
index 00000000..ef7ef426
--- /dev/null
+++ b/src/web/family_renderers/generic.rs
@@ -0,0 +1,31 @@
+// MIT License
+//
+// Copyright (c) 2024 cooklang
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+use super::FamilyRenderer;
+
+/// Fallback renderer for any family without a specific one: list entries are
+/// shown as-authored (`"value%unit"` -> `"value unit"`), mapping entries as
+/// `"field: value"`. No icons. Used by [`super::renderer_for`] whenever a
+/// family key doesn't match a specific renderer.
+pub(super) struct GenericRenderer;
+
+impl FamilyRenderer for GenericRenderer {}
diff --git a/src/web/family_renderers/mod.rs b/src/web/family_renderers/mod.rs
new file mode 100644
index 00000000..53fdcca1
--- /dev/null
+++ b/src/web/family_renderers/mod.rs
@@ -0,0 +1,227 @@
+// MIT License
+//
+// Copyright (c) 2024 cooklang
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+//! Rendering support for non-standard recipe metadata whose value is a YAML
+//! list or mapping (e.g. `nutrition:` or `file:`/`meta:`). Each such key
+//! becomes one "family" line under the tags on the recipe page; see
+//! `docs/server.md`.
+//!
+//! Every family renders generically by default ([`generic::GenericRenderer`]:
+//! `field: value`, no icon). A family opts into a specific rendering by
+//! adding a case to [`renderer_for`] plus a [`FamilyRenderer`] impl in its
+//! own file — [`nutrition::NutritionRenderer`] for `nutrition:`,
+//! [`file::FileRender`] for `file:`/`meta:`. There's no filename-based
+//! auto-discovery: Rust has no runtime filesystem scanning for this, so
+//! `renderer_for` stays the single explicit, greppable registry — adding a
+//! renderer still means adding one match arm here.
+
+pub mod file;
+pub mod generic;
+pub mod nutrition;
+
+use crate::web::templates::{MetaListFamily, MetaListItem};
+use unic_langid::LanguageIdentifier;
+
+/// Converts a YAML scalar to its display string, matching the number
+/// formatting used for the recipe's other metadata fields.
+fn scalar_to_string(value: &serde_yaml::Value) -> Option<String> {
+    if let Some(s) = value.as_str() {
+        Some(s.to_string())
+    } else if let Some(n) = value.as_i64() {
+        Some(n.to_string())
+    } else {
+        value
+            .as_f64()
+            .map(crate::util::format::number::format_number)
+    }
+}
+
+fn capitalize(label: &str) -> String {
+    let label = label.replace(['_', '-'], " ");
+    let mut chars = label.chars();
+    match chars.next() {
+        Some(first) => first.to_uppercase().collect::<String>() + chars.as_str(),
+        None => label,
+    }
+}
+
+/// Turns a raw list-form entry like `"258%kcal"` into display text `"258
+/// kcal"`. Entries without the `%` separator are left untouched. Shared by
+/// every family's default list rendering.
+fn format_list_entry_default(raw: &str) -> String {
+    match raw.split_once('%') {
+        Some((value, unit)) => format!("{} {}", value.trim(), unit.trim()),
+        None => raw.trim().to_string(),
+    }
+}
+
+/// Formats a mapping-form `field: value` pair the generic way, e.g.
+/// `file: {modified-at: 2026-08-24}` -> `"modified-at: 2026-08-24"`.
+fn format_mapping_entry_default(field: &str, raw: &str) -> String {
+    match raw.split_once('%') {
+        Some((amount, unit)) => format!("{field}: {} {}", amount.trim(), unit.trim()),
+        None => format!("{field}: {}", raw.trim()),
+    }
+}
+
+/// How one metadata family (a non-standard, list- or mapping-valued YAML
+/// key) renders its entries. Every method has a generic default; a family
+/// overrides only what makes it "specific" — see [`nutrition::NutritionRenderer`]
+/// and [`file::FileRender`].
+trait FamilyRenderer {
+    /// Icon for one list-form entry, given its already-formatted display
+    /// text. `None` renders as a plain bullet.
+    fn list_icon(&self, _text: &str) -> Option<&'static str> {
+        None
+    }
+
+    /// Formats one list-form entry's raw text into display text.
+    fn format_list_entry(&self, raw: &str) -> String {
+        format_list_entry_default(raw)
+    }
+
+    /// Icon for one mapping-form entry, given its YAML field name. `None`
+    /// renders as a plain bullet.
+    fn mapping_icon(&self, _field: &str) -> Option<&'static str> {
+        None
+    }
+
+    /// Formats one mapping-form field/value pair into display text.
+    fn format_mapping_entry(&self, field: &str, raw: &str, _lang: &LanguageIdentifier) -> String {
+        format_mapping_entry_default(field, raw)
+    }
+
+    /// Small translated qualifier shown under the family's label (e.g.
+    /// `nutrition`'s "per serving"). `None` shows no second line.
+    fn note(&self, _lang: &LanguageIdentifier) -> Option<String> {
+        None
+    }
+}
+
+/// The renderer "registry": maps a family's YAML key to its
+/// [`FamilyRenderer`]. Add a case here (plus an impl in its own file) to
+/// give a new family its own icons/formatting instead of the generic
+/// fallback.
+fn renderer_for(family: &str) -> Box<dyn FamilyRenderer> {
+    match family.to_lowercase().as_str() {
+        "nutrition" => Box::new(nutrition::NutritionRenderer),
+        "file" | "meta" => Box::new(file::FileRender),
+        _ => Box::new(generic::GenericRenderer),
+    }
+}
+
+/// Builds the "one line per family" metadata view from every non-standard
+/// key in a recipe's metadata whose value is a YAML **list** (`nutrition:
+/// [...]`, the original form) or **mapping** (`nutrition: {kcal: ...}`, or
+/// any other family like `file:`). `tags` is always excluded — it has its
+/// own row. See [`renderer_for`] for how a family picks its rendering.
+pub fn build_custom_list_families<'a>(
+    map_filtered: impl Iterator<Item = (&'a serde_yaml::Value, &'a serde_yaml::Value)>,
+    lang: &LanguageIdentifier,
+) -> Vec<MetaListFamily> {
+    let mut families = Vec::new();
+    for (key, value) in map_filtered {
+        let Some(key_str) = key.as_str() else {
+            continue;
+        };
+        if key_str.eq_ignore_ascii_case("tags") || key_str.eq_ignore_ascii_case("tag") {
+            continue;
+        }
+        // A key prefixed with "." is hidden from the recipe page, e.g.
+        // `.file:` hides the whole family, `.lipids:` (inside `nutrition:`)
+        // hides just that entry.
+        if key_str.starts_with('.') {
+            continue;
+        }
+        let renderer = renderer_for(key_str);
+
+        let items: Vec<MetaListItem> = if let Some(seq) = value.as_sequence() {
+            seq.iter()
+                .filter_map(|v| v.as_str())
+                .map(|raw| {
+                    let text = renderer.format_list_entry(raw);
+                    let icon = renderer.list_icon(&text).map(str::to_string);
+                    MetaListItem { icon, text }
+                })
+                .collect()
+        } else if let Some(mapping) = value.as_mapping() {
+            mapping
+                .iter()
+                .filter_map(|(k, v)| Some((k.as_str()?, scalar_to_string(v)?)))
+                .filter(|(field, _)| !field.starts_with('.'))
+                .map(|(field, raw)| {
+                    let text = renderer.format_mapping_entry(field, &raw, lang);
+                    let icon = renderer.mapping_icon(field).map(str::to_string);
+                    MetaListItem { icon, text }
+                })
+                .collect()
+        } else {
+            Vec::new()
+        };
+
+        if !items.is_empty() {
+            families.push(MetaListFamily {
+                label: capitalize(key_str),
+                note: renderer.note(lang),
+                items,
+            });
+        }
+    }
+    families
+}
+
+/// Extracts the calorie entry from a recipe's `nutrition:` metadata, for the
+/// compact badge shown on the recipe list page — from either the list form
+/// (`"258%kcal"` -> `"258 kcal"`) or the mapping form (`kcal: 258`).
+/// Uses the lightweight [`cooklang_find::Metadata`] (frontmatter only, no
+/// full recipe parse) so listing a directory stays cheap.
+pub fn extract_nutrition_kcal(metadata: &cooklang_find::Metadata) -> Option<String> {
+    let nutrition_value = metadata.get("nutrition")?;
+
+    if let Some(seq) = nutrition_value.as_sequence() {
+        return seq.iter().find_map(|v| {
+            let raw = v.as_str()?;
+            if raw.to_lowercase().contains("kcal") {
+                Some(format_list_entry_default(raw))
+            } else {
+                None
+            }
+        });
+    }
+
+    if let Some(mapping) = nutrition_value.as_mapping() {
+        for (k, v) in mapping {
+            if k.as_str().is_some_and(|f| f.eq_ignore_ascii_case("kcal")) {
+                if let Some(raw) = scalar_to_string(v) {
+                    // "kcal" needs no translation, so any locale works here.
+                    return Some(nutrition::NutritionRenderer.format_mapping_entry(
+                        "kcal",
+                        &raw,
+                        &LanguageIdentifier::default(),
+                    ));
+                }
+            }
+        }
+    }
+
+    None
+}
diff --git a/src/web/family_renderers/nutrition.rs b/src/web/family_renderers/nutrition.rs
new file mode 100644
index 00000000..7b250201
--- /dev/null
+++ b/src/web/family_renderers/nutrition.rs
@@ -0,0 +1,148 @@
+// MIT License
+//
+// Copyright (c) 2024 cooklang
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+//! Specific renderer for the `nutrition:` family.
+
+use super::FamilyRenderer;
+use fluent_templates::Loader;
+use unic_langid::LanguageIdentifier;
+
+/// Tabler Icons (MIT license, https://tabler.io/icons).
+const ICON_FLAME: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2c1 3-2 4-2 7a2 2 0 0 0 4 0c1 1 2 2.5 2 4.5A6 6 0 0 1 4 13.5C4 9 8 7 8 3c1.5 1 2 2.5 1.5 4C10 5 11 3.5 12 2Z"/></svg>"##;
+const ICON_MEAT: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h9l3 5-8 13L4 8Z"/><path d="M4 8h16"/><path d="M9.5 3 12 8l2.5-5"/></svg>"##;
+const ICON_DROPLET: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3c2.5 2 5 5.5 5 9a5 5 0 0 1-10 0c0-1.5.7-2.7 1.5-3.8C9 9 9.5 8 9.5 6.5 10.5 8 11 5.5 12 3Z"/></svg>"##;
+const ICON_DROPLET_FILLED: &str = r##"<svg viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M12 3c2.5 2 5 5.5 5 9a5 5 0 0 1-10 0c0-1.5.7-2.7 1.5-3.8C9 9 9.5 8 9.5 6.5 10.5 8 11 5.5 12 3Z"/></svg>"##;
+const ICON_CANDY: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>"##;
+const ICON_WHEAT: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4c4 0 4 4 8 4s4-4 8-4M4 4v16M20 4v16M4 12c4 0 4 4 8 4s4-4 8-4M4 20h16"/></svg>"##;
+const ICON_BREAD: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12c0-4.5 3.5-8 8-8s8 3.5 8 8v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-5Z"/><path d="M9 12h6"/></svg>"##;
+const ICON_SALT: &str = r##"<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h6l1 4H8l1-4Z"/><path d="M8 7h8l1 12a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2L8 7Z"/><circle cx="10.5" cy="12.5" r=".6" fill="currentColor" stroke="none"/><circle cx="13.5" cy="12.5" r=".6" fill="currentColor" stroke="none"/><circle cx="12" cy="15.5" r=".6" fill="currentColor" stroke="none"/></svg>"##;
+
+/// Specific renderer for the `nutrition` family. Used both for the recipe
+/// page's family line ([`super::build_custom_list_families`]) and, directly,
+/// for the recipe list page's kcal badge ([`super::extract_nutrition_kcal`]).
+pub(super) struct NutritionRenderer;
+
+impl FamilyRenderer for NutritionRenderer {
+    fn list_icon(&self, text: &str) -> Option<&'static str> {
+        // Legacy list form: entries are free text written by the recipe
+        // author (not translated), so match on keywords in the text itself.
+        let lower = text.to_lowercase();
+        if lower.contains("kcal") || lower.contains("cal") || lower.contains("energy") {
+            Some(ICON_FLAME)
+        } else if lower.contains("protein") {
+            Some(ICON_MEAT)
+        } else if lower.contains("lipid") || lower.contains("fat") {
+            Some(ICON_DROPLET)
+        } else if lower.contains("sugar") {
+            Some(ICON_CANDY)
+        } else if lower.contains("fiber") || lower.contains("fibre") {
+            Some(ICON_WHEAT)
+        } else {
+            None
+        }
+    }
+
+    fn mapping_icon(&self, field: &str) -> Option<&'static str> {
+        // Mapping form: the field name stays in English regardless of the
+        // UI locale, so match on it directly instead of the translated text.
+        match field.to_lowercase().as_str() {
+            "kcal" | "cal" | "calories" | "energy" => Some(ICON_FLAME),
+            "proteins" | "protein" => Some(ICON_MEAT),
+            "lipids" | "lipid" | "fat" | "fats" => Some(ICON_DROPLET),
+            "saturated-fat" | "saturated_fat" => Some(ICON_DROPLET_FILLED),
+            "sugars" | "sugar" => Some(ICON_CANDY),
+            "fibers" | "fiber" | "fibre" | "fibres" => Some(ICON_WHEAT),
+            "carbohydrates" | "carbohydrate" | "carbs" => Some(ICON_BREAD),
+            "salt" | "sodium" => Some(ICON_SALT),
+            _ => None,
+        }
+    }
+
+    /// A bare number (e.g. `proteins: 9.8`) gets its unit inferred from the
+    /// field name; the legacy `"value%unit"` form (e.g. `"45.3%g"`) still
+    /// works too. The field name then becomes a localized label composed via
+    /// [`format_with_label`]: `("proteins", "9.8")` -> `"9.8 g fat"` (en) /
+    /// `"9.8 g lipides"` (fr). `("kcal", "234")` -> `"234 kcal"` (no repeated
+    /// unit when it already matches the field name — `kcal` needs no
+    /// translation).
+    fn format_mapping_entry(&self, field: &str, raw: &str, lang: &LanguageIdentifier) -> String {
+        let (amount, mut unit) = match raw.split_once('%') {
+            Some((a, u)) => (a.trim(), u.trim().to_string()),
+            None => (raw.trim(), String::new()),
+        };
+        if unit.is_empty() {
+            if let Some(default_unit) = default_nutrition_unit(field) {
+                unit = default_unit.to_string();
+            }
+        }
+        if unit.is_empty() || unit.eq_ignore_ascii_case(field) {
+            format!("{amount} {unit}").trim().to_string()
+        } else {
+            let label = translated_nutrient_label(field, lang).unwrap_or_else(|| field.to_string());
+            format_with_label(amount, &unit, &label)
+        }
+    }
+
+    fn note(&self, lang: &LanguageIdentifier) -> Option<String> {
+        Some(crate::web::i18n::LOCALES.lookup(lang, "nutrition-per-serving"))
+    }
+}
+
+/// The unit implied by a nutrient field name when the recipe author wrote a
+/// bare number (e.g. `kcal: 234`, `proteins: 9.8`) instead of the
+/// `"value%unit"` form. Returns `None` for unknown fields, which are then
+/// shown with no unit at all rather than a guessed one.
+fn default_nutrition_unit(field: &str) -> Option<&'static str> {
+    match field.to_lowercase().as_str() {
+        "kcal" | "cal" | "calories" | "energy" => Some("kcal"),
+        "proteins" | "protein" | "lipids" | "lipid" | "fat" | "fats" | "saturated-fat"
+        | "saturated_fat" | "carbohydrates" | "carbohydrate" | "carbs" | "sugars" | "sugar"
+        | "fibers" | "fiber" | "fibre" | "fibres" | "salt" | "sodium" => Some("g"),
+        _ => None,
+    }
+}
+
+/// Translates a known nutrient field name via the app's Fluent locales.
+/// Returns `None` for anything else (including `kcal`, which needs no
+/// translation), so the caller can fall back to the raw field name as
+/// authored.
+fn translated_nutrient_label(field: &str, lang: &LanguageIdentifier) -> Option<String> {
+    let key = match field.to_lowercase().as_str() {
+        "proteins" | "protein" => "nutrition-proteins",
+        "lipids" | "lipid" | "fat" | "fats" => "nutrition-lipids",
+        "saturated-fat" | "saturated_fat" => "nutrition-saturated-fat",
+        "carbohydrates" | "carbohydrate" | "carbs" => "nutrition-carbohydrates",
+        "sugars" | "sugar" => "nutrition-sugars",
+        "fibers" | "fiber" | "fibre" | "fibres" => "nutrition-fibers",
+        "salt" | "sodium" => "nutrition-salt",
+        _ => return None,
+    };
+    Some(crate::web::i18n::LOCALES.lookup(lang, key))
+}
+
+/// Composes `"{amount} {unit} {label}"`, e.g. `"73.3 g fat"` / `"73,3 g
+/// lipides"` — just the translated nutrient name after the amount and unit,
+/// no preposition (only `label` is localized; word order is the same in
+/// every supported locale).
+fn format_with_label(amount: &str, unit: &str, label: &str) -> String {
+    format!("{amount} {unit} {label}")
+}
diff --git a/src/web/mod.rs b/src/web/mod.rs
index 386e0f44..527f32d1 100644
--- a/src/web/mod.rs
+++ b/src/web/mod.rs
@@ -30,6 +30,7 @@
 use rust_embed::RustEmbed;
 
 pub mod builders;
+mod family_renderers;
 mod i18n;
 pub mod language;
 pub mod menus;
diff --git a/src/web/templates.rs b/src/web/templates.rs
index c7ac3f98..0c3885fa 100644
--- a/src/web/templates.rs
+++ b/src/web/templates.rs
@@ -589,6 +589,9 @@ pub struct RecipeItem {
     pub count: Option<usize>,
     pub description: Option<String>,
     pub tags: Vec<String>,
+    /// Calorie entry from a `nutrition:` metadata list (e.g. `"258 kcal"`),
+    /// shown as a compact badge next to the tags.
+    pub nutrition_kcal: Option<String>,
     pub image_path: Option<String>,
     pub is_menu: bool,
     pub modified_at: Option<u64>,
@@ -616,6 +619,27 @@ pub struct RecipeMetadata {
     pub source: Option<String>,
     pub source_url: Option<String>,
     pub custom: Vec<(String, String)>,
+    /// Non-standard metadata keys whose value is a YAML list (e.g. `nutrition:`),
+    /// one entry per family, rendered as one line each below the tags.
+    pub custom_lists: Vec<MetaListFamily>,
+}
+
+/// One family line of list-valued custom metadata (e.g. `nutrition`).
+#[derive(Debug, Clone, Serialize)]
+pub struct MetaListFamily {
+    pub label: String,
+    /// Small translated qualifier shown under the label (e.g. `nutrition`'s
+    /// "per serving"), or `None` for families without one.
+    pub note: Option<String>,
+    pub items: Vec<MetaListItem>,
+}
+
+/// One entry within a [`MetaListFamily`] (e.g. `"258 kcal"`).
+#[derive(Debug, Clone, Serialize)]
+pub struct MetaListItem {
+    /// Inline SVG markup (Tabler Icons, MIT), or `None` for a plain bullet.
+    pub icon: Option<String>,
+    pub text: String,
 }
 
 #[derive(Debug, Clone, Serialize)]
diff --git a/templates/menu.html b/templates/menu.html
index d396ee7e..af27616d 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -123,6 +123,36 @@ <h1 class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-purple-600 to-pi
                 {% endfor %}
             </div>
 
+            <!-- Custom metadata families (e.g. nutrition): one line per family -->
+            {% if !metadata.custom_lists.is_empty() %}
+            <div class="space-y-1.5">
+                {% for family in metadata.custom_lists %}
+                <div class="flex items-start gap-2 text-sm">
+                    <div class="min-w-[80px] pt-1">
+                        <span class="block uppercase tracking-wide text-xs text-gray-500">{{ family.label }}</span>
+                        {% match family.note %}
+                        {% when Some with (note) %}
+                        <span class="block text-[9px] leading-tight text-gray-400 italic">{{ note }}</span>
+                        {% when None %}
+                        {% endmatch %}
+                    </div>
+                    <div class="flex flex-wrap gap-2">
+                        {% for item in family.items %}
+                        <span class="inline-flex items-center gap-1 bg-gray-100 border border-gray-200 rounded-md px-2 py-1 text-gray-700">
+                            {% match item.icon %}
+                            {% when Some with (icon) %}
+                            <span class="w-3.5 h-3.5 text-orange-500 [&>svg]:w-full [&>svg]:h-full">{{ icon|safe }}</span>
+                            {% when None %}
+                            {% endmatch %}
+                            {{ item.text }}
+                        </span>
+                        {% endfor %}
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% endif %}
+
             {% when None %}
             {% endmatch %}
         </div>
diff --git a/templates/recipe.html b/templates/recipe.html
index 476748dd..95527d06 100644
--- a/templates/recipe.html
+++ b/templates/recipe.html
@@ -193,6 +193,36 @@ <h1 class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-orange-600 to-ye
                 {% endfor %}
             </div>
 
+            <!-- Custom metadata families (e.g. nutrition): one line per family -->
+            {% if !metadata.custom_lists.is_empty() %}
+            <div class="space-y-1.5">
+                {% for family in metadata.custom_lists %}
+                <div class="flex items-start gap-2 text-sm">
+                    <div class="min-w-[80px] pt-1">
+                        <span class="block uppercase tracking-wide text-xs text-gray-500">{{ family.label }}</span>
+                        {% match family.note %}
+                        {% when Some with (note) %}
+                        <span class="block text-[9px] leading-tight text-gray-400 italic">{{ note }}</span>
+                        {% when None %}
+                        {% endmatch %}
+                    </div>
+                    <div class="flex flex-wrap gap-2">
+                        {% for item in family.items %}
+                        <span class="inline-flex items-center gap-1 bg-gray-100 border border-gray-200 rounded-md px-2 py-1 text-gray-700">
+                            {% match item.icon %}
+                            {% when Some with (icon) %}
+                            <span class="w-3.5 h-3.5 text-orange-500 [&>svg]:w-full [&>svg]:h-full">{{ icon|safe }}</span>
+                            {% when None %}
+                            {% endmatch %}
+                            {{ item.text }}
+                        </span>
+                        {% endfor %}
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% endif %}
+
             {% when None %}
             {% endmatch %}
         </div>
diff --git a/templates/recipes.html b/templates/recipes.html
index f20782ad..fc07acc1 100644
--- a/templates/recipes.html
+++ b/templates/recipes.html
@@ -110,7 +110,7 @@ <h3 class="font-bold text-lg mb-2 text-gray-800">
             <p class="text-gray-600 text-sm">{{ description }}</p>
             {% when None %}
             {% endmatch %}
-            {% if !item.tags.is_empty() %}
+            {% if !item.tags.is_empty() || item.nutrition_kcal.is_some() %}
             <div class="mt-3 flex flex-wrap gap-2">
                 {% for tag in item.tags.iter().take(3) %}
                 <span class="text-xs bg-gradient-to-r from-yellow-100 to-orange-100 text-orange-700 px-2 py-1 rounded-full font-medium">{{ tag }}</span>
@@ -118,6 +118,14 @@ <h3 class="font-bold text-lg mb-2 text-gray-800">
                 {% if item.tags.len() > 3 %}
                 <span class="text-xs text-gray-500">+{{ item.tags.len() - 3 }}</span>
                 {% endif %}
+                {% match item.nutrition_kcal %}
+                {% when Some with (kcal) %}
+                <span class="inline-flex items-center gap-1 text-xs bg-gray-100 text-gray-700 px-2 py-1 rounded-full font-medium">
+                    <svg class="w-3 h-3 text-orange-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2c1 3-2 4-2 7a2 2 0 0 0 4 0c1 1 2 2.5 2 4.5A6 6 0 0 1 4 13.5C4 9 8 7 8 3c1.5 1 2 2.5 1.5 4C10 5 11 3.5 12 2Z"/></svg>
+                    {{ kcal }}
+                </span>
+                {% when None %}
+                {% endmatch %}
             </div>
             {% endif %}
             </div>