Togli l'azzurro dalla palette
Il marchio e' corallo (#ec4c41), rosso profondo e bianco sporco: azzurro non ce n'e'. Nell'app invece era il colore piu' diffuso — lo stato "in corso", la voce attiva della barra, l'avatar, le righe scelte, il pannello di riepilogo — e non stava per niente: era solo il tono che si usa quando un colore serve e non si sa quale. Il ruolo "info" passa alla famiglia dell'ancora navy, cioe' allo stesso colore del testo forte: lo stato informativo smette di portarsi un colore proprio e i colori restano ai toni che significano qualcosa (verde inviato, ambra da completare, rosso da inviare) e all'accento. Il pannello di riepilogo dell'ispezione era l'unico blocco tinto dell'app e diventa bianco come ogni altro pannello: dentro, l'unico colore e' adesso la barra di avanzamento. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -78,11 +78,11 @@
|
||||
{
|
||||
Primary = "#ec4c41",
|
||||
Secondary = "#002339",
|
||||
Tertiary = "#dff2ff",
|
||||
Tertiary = "#dde5ee",
|
||||
Success = "#26b050",
|
||||
Error = "#e50000",
|
||||
Warning = "#b26a00",
|
||||
Info = "#1877d8",
|
||||
Info = "#002339",
|
||||
Background = "#e9edf2",
|
||||
Surface = "#ffffff",
|
||||
TextPrimary = "#000000",
|
||||
|
||||
@@ -70,9 +70,11 @@
|
||||
<div class="app-scroll">
|
||||
<div class="page-width page-body stack stack-lg">
|
||||
|
||||
@* §6.6 Pannello di riepilogo: primo elemento della pagina, superficie
|
||||
tenue, con lo stato del documento e i conteggi sempre a vista. *@
|
||||
<section class="panel panel--info panel--lg">
|
||||
@* §6.6 Pannello di riepilogo: primo elemento della pagina, con lo stato
|
||||
del documento e i conteggi sempre a vista. Superficie bianca come
|
||||
ogni altro pannello: era l'unico blocco tinto dell'app, e quel
|
||||
colore non appartiene a nessuno stato. *@
|
||||
<section class="panel panel--lg">
|
||||
@* Il nome del punto vendita e' gia' nella testata: qui basta la data
|
||||
e lo stato del documento, che la testata non porta. *@
|
||||
<div class="summary__head">
|
||||
|
||||
@@ -59,10 +59,15 @@
|
||||
--success-surface: #e4f5e9;
|
||||
--success-solid: #26b050;
|
||||
|
||||
/* Info — stato informativo, pannelli di riepilogo, selezione */
|
||||
/* Info — stato informativo, selezione.
|
||||
Il tono non e' piu' l'azzurro cielo: era il colore piu' diffuso
|
||||
dell'interfaccia (stato "in corso", voce attiva della barra, righe
|
||||
scelte, avatar) e non compare ne' nel marchio ne' altrove nel sistema.
|
||||
Adesso e' l'ancora navy diluita: stessa famiglia del testo forte, quindi
|
||||
lo stato informativo non introduce un colore proprio. */
|
||||
--info-ink: #002339;
|
||||
--info-surface: #dff2ff;
|
||||
--info-solid: #1877d8;
|
||||
--info-surface: #dde5ee;
|
||||
--info-solid: #002339;
|
||||
|
||||
/* Neutral — stati senza carica semantica */
|
||||
--neutral-ink: #465563;
|
||||
|
||||
Reference in New Issue
Block a user