Skip to content

Direction visuelle bento, en clair et en sombre - #26

Merged
Kaz229 merged 2 commits into
mainfrom
design-bento
Nov 2, 2026
Merged

Kaz229 merged 2 commits into
mainfrom
design-bento

Conversation

@Kaz229

@Kaz229 Kaz229 commented Nov 2, 2026

Copy link
Copy Markdown
Owner

Reprend la maquette proposée, en corrigeant ce qui ne tenait pas à l'usage.

Palette

Un seul accent vif, réservé aux calories. Les macros gardent trois teintes mais sourdes : elles distinguent sans se disputer l'attention — contre quatre néons qui se battaient.

Les accents ne sont pas les mêmes en clair et en sombre. Un vert acide conçu pour le noir tombe à 1,4:1 sur blanc ; il devient #4D6B00. Les gris de texte passent de 4,0:1 à 7,2:1 en sombre et 5,7:1 en clair, au-dessus du seuil AA.

Le thème se choisit à la main dans le profil : clair, sombre, ou comme le système.

Écrans

  • Accueil en grille : reste à consommer en très gros, les trois macros, la tendance, l'entraînement
  • Le graphe des 7 jours a une échelle — celle de l'objectif — et une journée qui le dépasse passe en rouge. Des barres sans repère ne disaient rien
  • Repas en ligne de temps groupée par moment de la journée : un trou se voit tout de suite
  • Séances : celle qui est ouverte passe en tête, encadrée de l'accent
  • Exercices garde sa recherche et ses deux filtres avec le vrai compte, au lieu de quatre tuiles décoratives
  • Les onglets portent leur propre en-tête : plus de titre en doublon dans la barre

Deux corrections trouvées à l'écran, pas à la compilation

  • Sans les rôles primaryContainer, secondaryContainer et surfaceContainer, la barre de navigation et les boutons flottants restaient violets : Material retombait sur ses valeurs par défaut
  • Une carte sans contentColor explicite grisait son titre, Material déduisant onSurfaceVariant du conteneur

Vérifié sur appareil

Les quatre onglets, dans les deux thèmes.

🤖 Generated with Claude Code

Reprend la direction visuelle proposée, en corrigeant ce qui ne tenait pas
à l'usage.

Un seul accent vif, réservé aux calories ; les macros gardent trois teintes
mais sourdes, pour qu'aucune ne vole la vedette. Les accents ne sont pas les
mêmes en clair et en sombre : un vert acide conçu pour le noir tombe à
1,4:1 sur blanc. Les gris de texte passent de 4,0:1 à 7,2:1 en sombre et
5,7:1 en clair, au-dessus du seuil AA.

Le thème se choisit à la main dans le profil — clair, sombre, ou comme le
système.

L'accueil devient une grille : le reste à consommer en très gros, les trois
macros, la tendance et l'entraînement. Le graphe des sept jours a désormais
une échelle, celle de l'objectif, et une journée qui le dépasse passe en
rouge : des barres sans repère ne disaient rien.

Les onglets portent leur propre en-tête, la barre du haut n'affiche donc
plus un titre en doublon.
Les repas deviennent une ligne de temps groupée par moment de la journée :
un trou se voit tout de suite, là où une liste à plat le noyait. Chaque
repas porte son total, et les macros de chaque ligne sont des étiquettes
colorées.

Les séances mettent en tête celle qui est ouverte, encadrée de l'accent et
annoncée « en cours » : c'est la seule sur laquelle on peut agir.
L'historique passe en lignes sobres.

Le catalogue garde sa recherche et ses deux filtres, et reçoit l'en-tête
des autres onglets.

Deux corrections de thème trouvées à l'écran : sans les rôles
primaryContainer, secondaryContainer et surfaceContainer, la barre de
navigation et les boutons flottants restaient violets ; et une carte sans
contentColor explicite grisait son titre.
@Kaz229
Kaz229 merged commit c6c3f07 into main Nov 2, 2026
@Kaz229
Kaz229 deleted the design-bento branch November 2, 2026 15:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant