Marchio
Il marchio Hi-Doctor
Tutto ciò che rende Hi-Doctor riconoscibile come sé stesso — il logo, i colori, la tipografia, i gradienti e le regole che tengono insieme il tutto.
Logo
Il simbolo e il logotipo
Il simbolo è un quadrato verde con angoli arrotondati e una croce bianca. Il logotipo orizzontale lo abbina al nome Hi-Doctor. Usa i file esattamente come vengono forniti.
Simbolo
La tessera autonoma, per avatar, favicon e icone delle app.
Simbolo, inverso
La stessa tessera, preparata per le superfici scure.
Logotipo orizzontale
La firma predefinita sulle superfici chiare.
Logotipo orizzontale, inverso
La firma per le fasce in verde profondo.
Regole d'uso
Quattro regole coprono quasi ogni situazione. Nel dubbio, fai meno.
Spazio di rispetto
Lascia libera la larghezza di un braccio della croce su ogni lato del logo. Testi, immagini e altri loghi restano fuori.
Dimensione minima
Il simbolo non scende mai sotto i 24 px e il logotipo mai sotto i 96 px di larghezza. Al di sotto, scrivi il nome.
Lascialo com'è
Non ricolorare, ruotare, deformare o contornare mai il logo, e non aggiungere mai ombre, gradienti o altri effetti.
Sfondi tranquilli
Colloca il logo su bianco, mist o verde profondo — mai su fotografie cariche o colori in competizione.
Colore
Una palette calma e clinica
L'inchiostro su bianco fa la maggior parte del lavoro. Il verde porta il marchio; blu, rosa e oliva appartengono alle categorie di trattamento.
Seleziona un campione per copiarne il valore esadecimale.
Neutri
Verdi del marchio
Accenti di categoria
Gradienti
Uno shader, quattro palette
Il gradiente granuloso è la superficie distintiva: una velatura morbida e in movimento con grana da pellicola. Compare nelle fasce hero e nelle intestazioni di categoria — sempre dietro testo bianco, mai dietro il corpo del testo.
Riservato alle fasce hero e ai temi di categoria.
Tipografia
Una sola famiglia, Inter
Inter compone ogni superficie. Le dimensioni display usano il peso 600 con spaziatura stretta; il corpo del testo è in peso 400 e mai sotto i 14 px.
JetBrains Mono, solo per i metadati
Numeri di riferimento, marche temporali e registri di audit in JetBrains Mono — maiuscolo, spaziatura ampia, dimensioni piccole. Non porta mai frasi.
AGGIORNATO 13 AGO 2026 · 09:41 UTC
Geometria e movimento
Angoli netti, ritmo morbido
Tre raggi coprono il sistema: 4 px per i controlli, 16 px per le card, 24 px per fasce e contenitori grandi. Niente ha forma di pillola.
Raggio
4 px
Pulsanti, campi, chip
16 px
Card
24 px
Fasce e contenitori grandi
Movimento
L'animazione passa solo da trasformazioni e opacità — mai da larghezza, altezza o ombra. Gli elementi arrivano in 240 ms ed escono in 160 ms.
Componenti
Il set di lavoro
Le primitive con cui è costruita ogni pagina, renderizzate dal vivo con le stesse classi usate dal prodotto.
Pulsanti
Chip di stato
Card
Il tuo consulto è in fase di revisione
Un medico abilitato sta leggendo le tue risposte. Ti avviseremo non appena ci sarà una decisione.
Proprio ora
Voce
Calma, chiara, onesta, umana
Scriviamo come parla un buon medico: con semplicità e senza drammi. Niente punti esclamativi, niente trucchi d'urgenza, niente gergo dove esiste una parola semplice.
Calma
Niente punti esclamativi. La salute è già abbastanza seria senza urlare.
Chiara
Frasi brevi e parole semplici — il lettore non deve mai rileggere.
Onesta
Diciamo cosa facciamo e cosa non facciamo, incluso il fatto che non vendiamo né spediamo mai farmaci.
Umana
Calda ma professionale, scritta per una persona alla volta.
Corretto
Un medico abilitato esamina le tue risposte e decide se il trattamento è adatto a te.
Sbagliato
Incredibile!! Ordina SUBITO i tuoi farmaci — l'offerta non durerà!!
Il marchio
Domande sul marchio?
Stampa, partnership o un dubbio sull'uso — scrivici e ti aiuteremo.
Contattaci