assets: recolour 250 g Großpackung box to the brand green

Replace the 250 g powder box product shot with a render carrying the correct
vivid brand green (matching the 50 g sachet); red band and 3-D side panels
intact. 939×1200 transparent WebP, updated in public/ and dist/. Document the
change and product-image conventions in STYLE-CHANGES.md.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-06-22 11:55:58 +01:00
parent 130bf1e3af
commit ad6aa7f7b0
3 changed files with 21 additions and 1 deletions

View File

@@ -304,7 +304,27 @@ converted from EPS to SVG.
---
## 14. Design-system docs page
## 14. Product image — 250 g Großpackung box recoloured
**Files:** `public/products/kaiser-natron-pulver-250-g-grosspackung.webp`
(source of truth) and the build copy `dist/products/…` (same filename).
The 250 g box product shot had a muted, grey/pine green that didn't match the
brighter brand green of the other Kaiser-Natron powder packs (e.g. the 50 g
sachet `public/products/kaiser-natron-pulver-50-g-beutel.webp`). It was replaced
with an updated box render carrying the correct vivid brand green (the dark-green
3-D side panels and the red bottom band are intact).
- **Where product images live:** `public/products/*.webp` (served as static
assets; the build mirrors them to `dist/products/*.webp`). Convention:
**transparent RGBA, ~1200 px tall**.
- The replacement was supplied as a 939×1200 transparent PNG and saved straight
to WebP (`quality 92`, no scaling needed — already matching the original
dimensions), so edges/text stay crisp.
---
## 15. Design-system docs page
**File:** `src/pages/design/ColorsSection.vue`

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 112 KiB