Breve retroscena: Sono un ragazzo di design + sviluppo ossessionato dalla tipografia, dallo spaziatura e dall’idea di design adattivo.
Cos’è il design adattivo? È quando cambi un font o una dimensione del font, e poi tutto il resto nel tuo design si adatta per accogliere le nuove impostazioni.
Se hai mai personalizzato qualcosa prima (ma soprattutto temi WordPress o Discourse), allora sai che quando cambi un font o una dimensione del font, molte cose possono iniziare a sembrare strane.
Quella stranezza è dovuta al fatto che cambiare font o dimensioni del font cambia in realtà la proporzionalità del tuo intero design. Quindi ti rimangono 2 opzioni:
- Scorrere il tuo CSS e regolare meticolosamente tutto per accogliere le tue nuove impostazioni, oppure…
- Utilizzare un potente sistema di design che può apportare tutte queste modifiche per te.
Ho passato gli ultimi 14 anni a costruire sistemi di design che si adattano a cambiamenti di font, dimensioni dei font, colori, ecc.
E poiché uso (e amo) così tanto Discourse, ho creato uno strumento per aiutare le persone a personalizzare le proprie installazioni di Discourse.
Lo strumento si basa sui principi della Tipografia con Rapporto Aureo (GRT) e si chiama GRT for Discourse.
Cosa fa GRT for Discourse?
Puoi selezionare alcune variabili di design di base: font (inclusi Google Fonts), dimensioni e colori del layout, e poi GRT for Discourse ti fornirà il CSS necessario per applicare le tue impostazioni di design alla tua installazione di Discourse.
Se hai selezionato un Google Font, GRT for Discourse ti fornirà anche istruzioni su come aggiungerlo al tuo ambiente.
Perché usare GRT for Discourse?
Personalizzare correttamente un ambiente Discourse è un compito complesso. Nella mia esperienza, ci vuole molto lavoro per definire ogni dettaglio CSS necessario per accogliere le personalizzazioni; GRT for Discourse rende questo processo noioso banale.
Con la Tipografia con Rapporto Aureo, i tuoi forum saranno più gradevoli visivamente e più facili da leggere. Ed è bello sapere che puoi usare font e colori diversi per estendere il tuo branding alla tua installazione di Discourse.
Forse la cosa migliore di tutte, GRT for Discourse distilla ore di lavoro in secondi. E questo ti dà la possibilità di testare tutti i tipi di combinazioni di font, dimensioni dei font e colori in modo rapido.
Con GRT for Discourse, puoi provare diverse impostazioni e definire il design perfetto per i tuoi forum Discourse.
Quanto costa GRT for Discourse?
È GRATUITO se inizi una Prova Gratuita GRT. Voglio che le persone usino GRT for Discourse e sperimentino la gioia e la soddisfazione di una personalizzazione facile e precisa.
Inoltre, se inizi una Prova Gratuita GRT, avrai accesso ai Forum GRT (che funzionano su Discourse, naturalmente). Potrai vedere GRT for Discourse in azione lì, poiché uso IBM Plex Sans da 18px (un Google Font) insieme a uno schema di colori personalizzato.
Un’ultima cosa…
Dovrei averlo menzionato sopra, ma una cosa interessante di GRT for Discourse è il modo in cui funziona lo strumento. Quando inserisci le tue impostazioni di design, GRT for Discourse restituisce un mockup del tuo layout Discourse in modo da poter vedere esattamente come appariranno le tue pagine del forum con le tue impostazioni di design.
↑ Il pannello delle impostazioni di design di GRT for Discourse
In questo modo, puoi decidere se ti piace quello che vedi prima di fare il lavoro di copia/incolla del CSS nella tua installazione di Discourse.
Prova GRT for Discourse, è divertente!