refactor(ui): épurer les 3 sections — pas de backdrop tiles, icônes brand-b1 + watermark grad-text

- Solution pillars (3 cards) : retirer le bloc icône — ne garder que h3 + p
- Bento macro : supprimer la tuile grad-bg, rendre l'icône directement en text-brand-b1, watermark passe à grad-text opacity-20 (famille bleu marque, plus visible que white/[0.04])
- Conformité forteresse (4 cards) : supprimer la tuile grad-bg, rendre l'icône en text-brand-b1
- Bumper toutes les icônes bento (landing + fonctionnalites + default macro) et conformité de w-5 h-5 → w-7 h-7 maintenant qu'elles n'ont plus de backdrop
- Mettre à jour test_bento_uses_flexihub_styling pour refléter la nouvelle structure (grad-text opacity-20 + text-brand-b1 mb-4 au lieu de white/[0.04] + grad-bg rounded-none)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Allison
2026-04-28 11:04:34 -04:00
parent 8d50d8ee01
commit 48d65c2ab9
4 changed files with 25 additions and 26 deletions

View File

@@ -261,14 +261,16 @@ def test_bento_has_6_features():
def test_bento_uses_flexihub_styling():
"""Bento uses FlexiHub spec: max-w-[1060px], gap-[1.5px], bg-brand-navy2, /[0.04] watermark."""
"""Bento uses FlexiHub spec: max-w-[1060px], gap-[1.5px], bg-brand-navy2, grad-text watermark."""
client = app.test_client()
body = client.get('/').data.decode('utf-8')
assert 'max-w-[1060px]' in body, "Missing FlexiHub bento container width 1060px"
assert 'gap-[1.5px]' in body, "Missing FlexiHub ultrafin separator gap"
assert 'bg-brand-navy2' in body, "Missing dark card background"
assert 'text-white/[0.04]' in body, "Missing FlexiHub watermark opacity"
assert 'grad-bg rounded-none ' in body, "Missing gradient icon corner (V3 brutalist square)"
# Watermark numbers now use grad-text + opacity-20 (brand blue family) instead of barely-visible white/[0.04]
assert 'grad-text opacity-20' in body, "Missing brand-tinted watermark (grad-text opacity-20)"
# Bento icons render directly with text-brand-b1 (no grad-bg backdrop tile)
assert 'text-brand-b1 mb-4' in body, "Missing brand-blue icon color on bento cards"
def test_bento_responsive_grid():