Il laboratorio

Un round alla volta, dieci domande per round, cinque risposte disegnate per domanda. Si vota sì o no, si copia il verdetto, e quel che passa diventa la regola di casa: finisce in STILE.md e nei round dopo si dà per acquisito.

Quel che ho capito di come ti piacciono le cose sta in PREFERENZE.md, e vale per tutti i repo, non solo per questo.

Non è un esercizio di stile fine a sé stesso — serve a farsi, pezzo per pezzo, un modo di fare il front-end che ci piace davvero, invece di deciderlo ogni volta da capo.

Le medaglie

Emblema, difficoltà, rarità, la fila nel foglio di un atleta, la testata, il dettaglio, l’eccedenza, il medagliere, quelle che non hai, il materiale.

votato · montato sul sito 2

Le fondamenta

I mattoni che tornano in ogni pagina: la voce del titolo, il ritmo, i bordi, i bottoni, i campi, la navigazione, l’attesa, il numero grande, il movimento, l’accento di colore.

votato · montato sul sito 3

Venti spunti

Diverso dagli altri: qui non si sceglie come ma cosa. Venti cose che il sito potrebbe fare, ognuna con quanto costa e se i dati ci sono già. Si vota sì, forse o no.

votato · 13 sì su 20

La mappa e il territorio

Come si disegna un percorso, il basemap, i colori per tipo, il pannello, il passaggio fra mappa e scheda, il comportamento su telefono.

dopo gli spunti

Venti spunti, il secondo giro

Come il terzo round, ma con le cinque famiglie che hai chiesto tu — il quadro largo, l’aspetto, i dati, l’uso, le cose nuove — e stavolta ogni spunto porta un assaggio disegnato coi numeri veri, invece di una descrizione da immaginare.

da votare · 20 spunti 6

Il colore e i pezzi

Da una parte il colore: quante tinte, cosa dicono, come si mostra una quantità, uomini e donne, il podio, quel che è dedotto. Dall'altra i pezzi che si toccano: la riga di classifica, la striscia degli anni, la testata, i tre numeri di una scheda. Tutto disegnato coi numeri veri dell'archivio.

votato · montato sul sito

Quel che è già deciso

Round 2 · le fondamenta — i titoli di servizio in maiuscoletto spaziato, il ritmo compatto e a fasce, i bottoni di solo testo sottolineato, i campi a pillola piena, l'attesa che è uno scheletro, il numero grande colorato, il movimento con la molla. Tutto in public/_stile.css.
Round 6 · il colore e i pezzi — l'ambra resta l'azione, la pietra prende le quantità di contorno (le barre di volume dei grafici). I gradini di colore restano nelle griglie fitte, nelle righe entrano i punti che crescono. Uomini e donne si dicono con una forma, pieno e vuoto, non con un colore. La striscia degli anni è una riga sola con l'anno scelto in grande. La testata scende a 44px. In cima a una scheda un numero grande e due di lato.
Round 1 · le medaglie — l’emblema è un nastro, non un cerchio. La difficoltà è un numero romano fuori dalla forma: una cifra dentro una sagoma si legge come una posizione. Nel foglio di un atleta solo emblemi, senza nomi. In testata la scala della rarità. L’eccedenza sfuma, niente bottone che sembra un’altra medaglia. Quelle che non hai in solo contorno, e ogni famiglia del medagliere porta il suo conto.