From c24be1a01598ef57f7be889bec5a3a94c4f349fd Mon Sep 17 00:00:00 2001 From: Dorian Date: Wed, 24 Jun 2026 10:20:08 +0100 Subject: [PATCH] docs: add served plain-language guide at /simple-doc.html HTML render of STYLE-CHANGES-simple.md, styled to match dev-doc/review-doc (brand hero, category swatches, crimson "waiting on you" section). Flat file in public/ so it serves at /simple-doc.html in dev and prod. dist/ rebuilt. Co-Authored-By: Claude Opus 4.8 (1M context) --- dist/simple-doc.html | 230 +++++++++++++++++++++++++++++++++++++++++ public/simple-doc.html | 230 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 460 insertions(+) create mode 100644 dist/simple-doc.html create mode 100644 public/simple-doc.html diff --git a/dist/simple-doc.html b/dist/simple-doc.html new file mode 100644 index 0000000..7ad2bf3 --- /dev/null +++ b/dist/simple-doc.html @@ -0,0 +1,230 @@ + + + + + +Kaiser-Natron® — What Changed (Plain-Language Guide) + + + + +
+
+

Plain-Language Guide

+

Kaiser-Natron® —
what changed, in plain words

+

A non-technical summary of the visual and content changes to the site. The detailed developer version lives at /dev-doc.html — this is the same story without the code.

+

Updated 24 June 2026 · Branch feat/shop-category-sections

+
+
+ +
+ +
+ Everything below pulls the site toward the established Kaiser-Natron® brand — the official palette, typeface and angular design — rather than introducing a new look. +
+ +
+

Look & feel

+
    +
  • Colours. The site now uses the official brand palette: the deep brand green, a crimson red for anything clickable (buttons, "add to cart"), and a soft mint that lights up links when you hover them.
    • +
  • Backgrounds are white. Pages sit on clean white instead of the old tinted panels, so products and text stand out.
    • +
  • Brand typeface. Headlines and text use the brand's own "Zeitung" font, loaded directly by the site (not borrowed from Google), so it always looks the same and loads fast.
    • +
  • Section dividers are diagonal. The wavy lines between coloured bands were replaced with clean diagonal edges.
    • +
  • Buttons. All buttons share one consistent style — crimson with white text. The big "call to action" buttons on hero banners stand out clearly.
    • +
  • Removed the yellow highlight. Headlines no longer use the old yellow accent; they're cleaner now.
    • +
+
+ +
+

Brand details

+
    +
  • Trademark & spelling. Every visible mention now reads Kaiser-Natron® — hyphenated, with the ® symbol.
    • +
  • Hero headline. The opening line now speaks to versatility — "Kaiser-Natron® for almost anything at home" — instead of the old "that should shine" wording.
    • +
  • Intro artwork. The brand intro uses the official Hebe + waterfall artwork.
    • +
  • 250 g pack image. The large pack image was recoloured to the correct brand green so it no longer clashes with its background.
    • +
  • "One powder, a hundred uses" banner. This banner used to show the bath product, which didn't match its message. It now shows powder (the bulk bucket), and its buttons add/link to that powder product.
    • +
  • Logo & search. Prices in the search dropdown are now white so they're readable on the green bar.
    • +
+
+ +
+

Honesty & content

+
    +
  • "AI Edited" note on bundle images. The bundle photos that were AI-assisted now carry a small, honest "AI Edited" caption. (These can be switched off the moment real photographs replace them.)
    • +
  • Revitalization section removed. The off-brand "Revitalization Center" section (icons + name the owner flagged) is taken off the site for now. It's kept in reserve and can return with a corrected name later.
    • +
  • "The Original from Austria" removed. That claim is gone from the footer tagline (German + English), which now just describes pure natron for the kitchen, home and care.
    • +
  • Membership fully removed. There's no membership programme, so every trace of one is gone: the "become a member" button, the lower "member price", and the member-perks wording. Bundles now show a single price everyone pays, and the section talks about why a bundle is handy (curated sets, everything for one area, one delivery) instead of member savings.
    • +
+
+ +
+

The shop, by use

+
    +
  • + Four colour-coded sections. The shop is now organised by what you're doing, each with its own brand colour: +
    +
    Küche / Kitchen — lime green (baking, cooking, digestion)
    +
    Reinigung / Clean — grapefruit red (household cleaning)
    +
    Wäsche / Wash — plum (laundry & textile care)
    +
    Pflege / Care — orange (bath, body)
    +
    +
    • +
  • Banners. Each section opens with a full-width colour banner showing its star product, with an "add to cart" and a "learn more" button.
    • +
  • Quick category buttons. Under the shop's main heading there's now a row of angled buttons — one per category, each in its own colour — that smoothly scroll you down to that section. The green header now flows straight into the first coloured section (the little white gap is gone).
    • +
  • Sport Profi moved to Laundry. It's a laundry product, so it now sits under Wäsche / Wash instead of Care.
    • +
+
+ +
+

Category pages

+
    +
  • Three dedicated pages are now reachable from the footer: Küche, Reinigung (Haushalt) and Pflege — each a fuller landing page with its own products, benefits and call-to-action.
    • +
  • Consistent names. These pages and their footer links now use the same short names as the shop sections, so everything reads the same way.
    • +
  • Wäsche / Wash page is on hold until its brand copy is supplied — laundry is already covered by the shop's Wash section in the meantime.
    • +
+
+ +
+

Still waiting on a decision (content owner)

+
    +
  • Remaining origin wording. The "Original from Austria" line is gone, but a couple of "bottled in Austria" mentions and the Vienna imprint address remain. Let us know if the correction should extend to those.
    • +
  • Holste & Linda product descriptions. These aren't on the brand site, so the copy needs to come from you.
    • +
  • Wäsche / Wash landing page. Provide copy if you want a dedicated page.
    • +
  • Legal pages. Terms (AGB), withdrawal/cancellation, shipping, delivery costs, and the manufacturer-vs-reseller transparency note.
    • +
+
+ +
+ Kaiser-Natron® — plain-language change guide + Detailed version: /dev-doc.html +
+ +
+ + diff --git a/public/simple-doc.html b/public/simple-doc.html new file mode 100644 index 0000000..7ad2bf3 --- /dev/null +++ b/public/simple-doc.html @@ -0,0 +1,230 @@ + + + + + +Kaiser-Natron® — What Changed (Plain-Language Guide) + + + + +
+
+

Plain-Language Guide

+

Kaiser-Natron® —
what changed, in plain words

+

A non-technical summary of the visual and content changes to the site. The detailed developer version lives at /dev-doc.html — this is the same story without the code.

+

Updated 24 June 2026 · Branch feat/shop-category-sections

+
+
+ +
+ +
+ Everything below pulls the site toward the established Kaiser-Natron® brand — the official palette, typeface and angular design — rather than introducing a new look. +
+ +
+

Look & feel

+
    +
  • Colours. The site now uses the official brand palette: the deep brand green, a crimson red for anything clickable (buttons, "add to cart"), and a soft mint that lights up links when you hover them.
    • +
  • Backgrounds are white. Pages sit on clean white instead of the old tinted panels, so products and text stand out.
    • +
  • Brand typeface. Headlines and text use the brand's own "Zeitung" font, loaded directly by the site (not borrowed from Google), so it always looks the same and loads fast.
    • +
  • Section dividers are diagonal. The wavy lines between coloured bands were replaced with clean diagonal edges.
    • +
  • Buttons. All buttons share one consistent style — crimson with white text. The big "call to action" buttons on hero banners stand out clearly.
    • +
  • Removed the yellow highlight. Headlines no longer use the old yellow accent; they're cleaner now.
    • +
+
+ +
+

Brand details

+
    +
  • Trademark & spelling. Every visible mention now reads Kaiser-Natron® — hyphenated, with the ® symbol.
    • +
  • Hero headline. The opening line now speaks to versatility — "Kaiser-Natron® for almost anything at home" — instead of the old "that should shine" wording.
    • +
  • Intro artwork. The brand intro uses the official Hebe + waterfall artwork.
    • +
  • 250 g pack image. The large pack image was recoloured to the correct brand green so it no longer clashes with its background.
    • +
  • "One powder, a hundred uses" banner. This banner used to show the bath product, which didn't match its message. It now shows powder (the bulk bucket), and its buttons add/link to that powder product.
    • +
  • Logo & search. Prices in the search dropdown are now white so they're readable on the green bar.
    • +
+
+ +
+

Honesty & content

+
    +
  • "AI Edited" note on bundle images. The bundle photos that were AI-assisted now carry a small, honest "AI Edited" caption. (These can be switched off the moment real photographs replace them.)
    • +
  • Revitalization section removed. The off-brand "Revitalization Center" section (icons + name the owner flagged) is taken off the site for now. It's kept in reserve and can return with a corrected name later.
    • +
  • "The Original from Austria" removed. That claim is gone from the footer tagline (German + English), which now just describes pure natron for the kitchen, home and care.
    • +
  • Membership fully removed. There's no membership programme, so every trace of one is gone: the "become a member" button, the lower "member price", and the member-perks wording. Bundles now show a single price everyone pays, and the section talks about why a bundle is handy (curated sets, everything for one area, one delivery) instead of member savings.
    • +
+
+ +
+

The shop, by use

+
    +
  • + Four colour-coded sections. The shop is now organised by what you're doing, each with its own brand colour: +
    +
    Küche / Kitchen — lime green (baking, cooking, digestion)
    +
    Reinigung / Clean — grapefruit red (household cleaning)
    +
    Wäsche / Wash — plum (laundry & textile care)
    +
    Pflege / Care — orange (bath, body)
    +
    +
    • +
  • Banners. Each section opens with a full-width colour banner showing its star product, with an "add to cart" and a "learn more" button.
    • +
  • Quick category buttons. Under the shop's main heading there's now a row of angled buttons — one per category, each in its own colour — that smoothly scroll you down to that section. The green header now flows straight into the first coloured section (the little white gap is gone).
    • +
  • Sport Profi moved to Laundry. It's a laundry product, so it now sits under Wäsche / Wash instead of Care.
    • +
+
+ +
+

Category pages

+
    +
  • Three dedicated pages are now reachable from the footer: Küche, Reinigung (Haushalt) and Pflege — each a fuller landing page with its own products, benefits and call-to-action.
    • +
  • Consistent names. These pages and their footer links now use the same short names as the shop sections, so everything reads the same way.
    • +
  • Wäsche / Wash page is on hold until its brand copy is supplied — laundry is already covered by the shop's Wash section in the meantime.
    • +
+
+ +
+

Still waiting on a decision (content owner)

+
    +
  • Remaining origin wording. The "Original from Austria" line is gone, but a couple of "bottled in Austria" mentions and the Vienna imprint address remain. Let us know if the correction should extend to those.
    • +
  • Holste & Linda product descriptions. These aren't on the brand site, so the copy needs to come from you.
    • +
  • Wäsche / Wash landing page. Provide copy if you want a dedicated page.
    • +
  • Legal pages. Terms (AGB), withdrawal/cancellation, shipping, delivery costs, and the manufacturer-vs-reseller transparency note.
    • +
+
+ + + +
+ +