|
|
@@ -2095,19 +2095,34 @@ bordeauxrode logo), maar geeft nul visuele hiërarchie: een
|
|
|
categorie-label oogt even "belangrijk"/opvallend als een echte
|
|
|
call-to-action-knop, en twee verschillende categorieën zijn qua kleur
|
|
|
niet uit elkaar te houden — je moet de tekst lezen om te zien of iets
|
|
|
-"Theater" of "Bioscoop" is. **Concreet voorstel om te overwegen:**
|
|
|
-1. Bordeauxrood bewust reserveren voor branding + echte acties (header,
|
|
|
- knoppen, geselecteerde staat) — dat blijft het merkherkenningspunt.
|
|
|
-2. Categorie-tags een eigen, herkenbare kleur per categorie-type geven
|
|
|
- (bv. muziek/concert = paars, theater/cultuur = blauw, comedy =
|
|
|
- oranje, kindvriendelijk = groen, horeca-subtypes een neutrale
|
|
|
- grijstint) — helpt scannen op een pagina met veel kaarten (bv. de
|
|
|
- Horeca-overzichtslijst met 3+ tags per kaart).
|
|
|
-3. Alternatief zonder een hele kleurenset te ontwerpen: geef tags
|
|
|
- gewoon een neutrale (grijze/donkere) achtergrond i.p.v. bordeauxrood,
|
|
|
- zodat het rood weer uniek is voor knoppen/CTA's — kleinere ingreep,
|
|
|
- minder designwerk, lost het "alles ziet er hetzelfde uit"-probleem
|
|
|
- ook al voor een groot deel op.
|
|
|
+"Theater" of "Bioscoop" is. **Update 2026-08-21 (Claude): bron
|
|
|
+uitgaanskrant.com zelf geeft het antwoord** — geen zelfbedachte
|
|
|
+kleurenset nodig, de website gebruikt namelijk al een bewuste,
|
|
|
+consistente 3-kleurenpalet die de app niet overneemt. Live gemeten
|
|
|
+(devtools `getComputedStyle`, desktop + mobiel):
|
|
|
+- **Categorie-tags: groen `rgb(9, 179, 74)` = `#09B34A`, witte tekst.**
|
|
|
+ Elke categorie (Live/Concert, Muziek, Voorstelling, ...) krijgt op de
|
|
|
+ site exact dezelfde groene pil — dus **geen** per-categorie
|
|
|
+ regenboog zoals ik eerder voorstelde, gewoon 1 duidelijk andere kleur
|
|
|
+ dan de rest van de UI. Simpelste, laagste-risico fix: app's
|
|
|
+ categorie-tag-chips van bordeauxrood naar dit groen (`#09B34A`).
|
|
|
+- **Primaire actie-/linkkleur: oranje `rgb(255, 104, 13)` = `#FF680D`.**
|
|
|
+ Gebruikt voor evenement-titels/links, breadcrumbs, en de opvallende
|
|
|
+ volle-breedte "☰ Menu"-knop op mobiel. Geeft de site een duidelijke
|
|
|
+ 2e merkkleur naast het rode logo.
|
|
|
+- **Nav-chrome: donker antraciet `rgb(62, 69, 76)` = `#3E454C`**
|
|
|
+ (i.p.v. de app's lichte lavendel-achtergrond) voor de header-balken
|
|
|
+ — het bordeauxrode logo staat op een donkere achtergrond juist beter
|
|
|
+ tot z'n recht dan op de huidige lichte tint.
|
|
|
+- Bordeauxrood (`#B50808`-achtig, matcht de app's bestaande waarde)
|
|
|
+ blijft op de site het logo/merkkleur, niet de algemene UI-kleur —
|
|
|
+ bevestigt dat "alles bordeauxrood maken" een afwijking van het eigen
|
|
|
+ merk is, geen vereenvoudiging ervan.
|
|
|
+**Concreet, laag-risico voorstel:** categorie-tags → `#09B34A` (groen),
|
|
|
+bordeauxrood blijft voor branding/CTA's/geselecteerde staat zoals nu.
|
|
|
+Oranje (`#FF680D`) en het donkere navchrome zijn grotere ingrepen (meer
|
|
|
+schermen geraakt) — mooi om te overwegen maar niet noodzakelijk voor
|
|
|
+launch; de groene-tags-swap is de "quick win" hiervan.
|
|
|
**Los, klein contrastpunt in dezelfde review:** het favoriet-hartje in
|
|
|
de AppBar is (in de huidige, nog niet gecommitte versie) wit-op-licht en
|
|
|
nauwelijks zichtbaar — dat is al apart vastgelegd als **P1-28** (hogere
|
|
|
@@ -2126,3 +2141,38 @@ placeholder-`Container` op de `CachedNetworkImage`'s `placeholder:`
|
|
|
(vergelijkbaar met het al bestaande "image not supported"-ELSE-patroon
|
|
|
uit de CLAUDE.md-notitie over lege `imageUrl`'s, maar dan voor de
|
|
|
laadfase i.p.v. de foutfase).
|
|
|
+
|
|
|
+**P2-13 · Eigenaar: Bob (Drupal-theme, geen FlutterFlow/Claude-taak —
|
|
|
+puur advies, niet uitgevoerd).** Op Bob's vraag (2026-08-21) ook de
|
|
|
+**bron-website zelf** (uitgaanskrant.com, niet de app) doorgelopen op
|
|
|
+look&feel, los van wat de app ervan kan overnemen (zie P2-11). Geen van
|
|
|
+onderstaande is een bug, puur observaties die het waard zijn om te
|
|
|
+overwegen bij een volgende theme-update:
|
|
|
+1. **Dubbele onboarding-content bij eerste bezoek:** naast de gewone
|
|
|
+ cookie-consent-balk verscheen ook een los infoblok ("1. Maak een
|
|
|
+ account aan... 2. Word lid... 3. Ga naar je favoriete gemeente...")
|
|
|
+ dat het scherm vult en apart gesloten moet worden — twee dialogen
|
|
|
+ na elkaar voordat een nieuwe bezoeker de site ziet. Overweeg er 1
|
|
|
+ van te laten vervallen of te combineren.
|
|
|
+2. **Zware advertentie-aanwezigheid direct boven de vouw:** rechter
|
|
|
+ sidebar toont op de homepage meteen 2-3 gestapelde ad-achtige
|
|
|
+ banners (evenementen-promotie, externe advertenties) naast de
|
|
|
+ content — oogt druk/gedateerd vergeleken met de rest van de site.
|
|
|
+ Kan geen kwaad om te bekijken of dit iets minder dicht op elkaar kan.
|
|
|
+3. **Kleurenpalet is rijker dan de app maar niet overal doelbewust
|
|
|
+ consistent** — groen (categorie-tags), oranje (titels/links/mobiel-
|
|
|
+ menu-balk), blauw (actieve tab op de evenement-detailpagina),
|
|
|
+ bordeauxrood (logo) staan naast elkaar zonder dat meteen duidelijk
|
|
|
+ is welke kleur welke rol heeft (nav vs. content vs. status). Werkt
|
|
|
+ in de praktijk prima, maar een kort "welke kleur betekent wat"-
|
|
|
+ documentje zou toekomstige theme-wijzigingen consistenter maken
|
|
|
+ (en is meteen de bron voor P2-11's app-kleuren hierboven).
|
|
|
+4. **Kaartranden ogen gedateerd** (dunne 1px grijze randen, standaard
|
|
|
+ Bootstrap-`panel`-stijl) — een subtiele schaduw i.p.v. een harde
|
|
|
+ rand zou de site iets moderner laten ogen, puur cosmetisch.
|
|
|
+5. **Positief, waard om te behouden:** de mobiele "☰ Menu"-balk
|
|
|
+ (volle breedte, opvallend oranje, niet te missen) is duidelijker
|
|
|
+ dan menig moderne site's kleine hamburger-icoontje — geen wijziging
|
|
|
+ nodig, eerder een patroon om **naar de app te kopiëren** (zie
|
|
|
+ P2-11/P1-27: de app's hamburger is een klein rood knopje, minder
|
|
|
+ opvallend).
|
