Marchio
Un marchio, una parola, una regola. Questa pagina è per chiunque riproduca il marchio o la parola: un fornitore che inserisce una card del punteggio sul proprio sito, un giornalista che cita un numero, un licenziatario che cita la fonte. Tutto ciò che è scaricabile si trova in fondo.
Il simbolo
Un albero, due pennoni, due vele e uno scafo, in prugna, contro il sole al tramonto. La nave è color prugna su ogni sfondo — non è mai bianca, mai il colore della pagina, mai ritagliata dal sole — quindi il simbolo ha una sola versione, non una per tema. Viene disegnato una volta sola, e ogni copia sul sito è stampata da quel disegno.
Il tema scuro. Lo scafo è color prugna, una sfumatura distinta dallo sfondo, e il sole porta il simbolo.
Il tema chiaro, e ovunque altro. Lo stesso file: nulla viene invertito per uno sfondo chiaro.
Un quarto del diametro del sole su ogni lato, misurato dal bordo. Nient'altro — testo, un altro logo, il bordo di un riquadro — si avvicina più di così.
Sedici pixel. Il sartiame è un grado più pesante di quanto le vele richiedano, così che una favicon mantenga un pixel d'albero; sotto i sedici la nave sparisce e resta solo il sole, che non è il simbolo.
Il sole nella sua rampa e la nave in prugna, su notte, su carta e su un'icona di avvio allo stesso modo. Non esiste una versione a un colore né un contorno: un luogo che non può stampare la rampa stampa la parola al suo posto.
Il logotipo
HushFleet è una sola parola con una maiuscola nel mezzo. La prima metà è impostata pesante, nell'inchiostro; la seconda un grado più leggera, nella rampa del tramonto in cui è disegnato il simbolo — il che è ciò che la fa leggere come due parole senza spazio, e lega la parola al sole accanto.
È disegnata, non digitata: Plus Jakarta Sans, Hush al peso 650 e Fleet al 550, delineate una volta in due tracciati, così è identica su ogni sistema e dentro la card del fornitore, dove non esiste alcun nostro font. Non esiste altra grafia: non Hush Fleet, non Hushfleet, non HUSHFLEET.
Colore
Quattro colori fissi appartengono al marchio. Tutto il resto sul sito prende il colore da un'unica rampa di accento, qui sotto — e il simbolo non la prende mai.
Pulsanti, quadranti, la parola evidenziata in un titolo e la linea sotto l'intestazione di una pagina prendono il colore da un'unica rampa, il tramonto proseguito nel viola. È la luce propria del simbolo portata attraverso la pagina, e non esiste un secondo accento.
Altri tre colori portano un significato e nient'altro: appartengono ai dati, non al marchio, e non decorano mai. Ciascuno ha un valore scuro e uno chiaro, perché lo stesso verde leggibile su notte è invisibile su carta.
Stampare un punteggio
Questa è la parte del marchio più probabile da essere riprodotta da qualcun altro, ed è la parte con una regola. Un punteggio di sicurezza viene stampato con la sua fascia e il giorno in cui è stato valutato, oppure non viene stampato affatto. La fascia si legge dal numero tramite le soglie proprie del modello, quindi la parola e la cifra non possono essere in disaccordo; la data è ciò che dice a chi legge se il numero è ancora quello sulla nostra pagina.
Sicurezza e usabilità sono stampate una accanto all'altra e la classifica segue solo la prima. Un unico “punteggio HushFleet” non esiste e non deve essere creato sommandole.
Entrambi sono numeri interi su 100 e vengono scritti così: 75 con /100 accanto, nell'inchiostro secondario. Non una percentuale, non stelle, non una lettera di voto.
Una card può omettere la cifra di usabilità. Non può mostrare l'usabilità senza la cifra di sicurezza e la sua fascia accanto — è questo l'unico modo in cui un numero vero diventa uno fuorviante.
Carattere e forma
Il sito non carica alcun web font — il logotipo è un tracciato, non un carattere. Imposta tutto il resto nel carattere di sistema di chi legge — SF Pro su Apple, Segoe su Windows, Roboto su Android — motivo per cui qui nulla attende un download. I titoli hanno una spaziatura stretta; il testo corrente no.
Display
Titolo · peso 700 · spaziatura −0.04em · l'unica parola evidenziata nell'accento
Intestazione di sezione
Sezione · peso 660 · spaziatura −0.034em
Intestazione di elemento
Elemento · peso 600 · spaziatura −0.028em
Sopratitolo
Etichetta di sezione · maiuscoletto · spaziatura +0.06em
Il testo corrente è impostato tra 17 e 18 pixel con un'altezza di riga di 1.72, peso 420, e una misura di sessantotto caratteri. È l'unico posto sul sito dove la spaziatura è zero.
Corpo · peso 420 · 68ch
0123456789 · 75/100 · $9.99
Numeri · cifre tabellari, così le colonne si allineano
Le superfici sono vetro: un bianco traslucido sopra lo sfondo, un filo sottile intorno, un rialzo di un pixel lungo il bordo superiore. Non ci sono ombre portate sulle cose piatte, e nessun bordo più pesante di un filo sottile.
I marchi di altri
Il logo di un fornitore è suo ed è disegnato per il suo sfondo, non per il nostro. Quindi poggia sempre su una base bianca — la stessa base nel tema scuro e in quello chiaro — con un filo sottile intorno così la base ha un bordo su una pagina bianca. Non ricoloriamo, invertiamo o ritagliamo un logo, e una scheda per cui il fornitore non ha pubblicato alcun file riceve un monogramma anziché un logo trovato da noi da qualche parte.
Proton VPN
Il file proprio del fornitore, sulla base di carta per cui è stato disegnato.
VPN Gate
Nessun file dal fornitore, quindi la scheda riceve un monogramma sul proprio gradiente.
Voce
In modo semplice, in prima persona plurale, e con la fonte nella stessa frase dell'affermazione. La firma è ovunque il team HushFleet.
Un numero è accompagnato dal totale su cui è calcolato e dal giorno in cui è stato letto. Un fatto che il fornitore afferma viene chiamato dichiarato; uno che non abbiamo potuto accertare viene chiamato sconosciuto, mai no. Dove il modello ha un limite, il limite viene stampato accanto al risultato anziché in una nota a piè di pagina.
Nulla qui spiega come aggirare un blocco. Il sito riguarda cosa un servizio può essere obbligato a consegnare, ed è tutto ciò che spiega. L'illustrazione segue la stessa regola del testo: un'immagine o spiega il modello o è stampata dai dati — il sonar sulla home page, lo scafo sul registro, il globo su una pagina paese — e un'immagine che non fa né l'uno né l'altro è decorazione e resta piccola.
Credito
Chiunque può citare un punteggio, una fascia o un passaggio. La condizione è un credito visibile che dica HushFleet, scritto esattamente così, e che rimandi alla pagina da cui proviene la cifra. Questa è l'intera licenza per la citazione; è dichiarata allo stesso modo in robots.txt, in /rsl.xml e nei dati strutturati di ogni pagina, così una macchina e una persona leggono un'unica regola. L'addestramento sul testo è concesso in licenza separatamente e non è coperto dal credito.
Da evitare
Ruotarlo. L'albero è verticale e il sole tramonta verso il basso.
Ricolorare il sole, o schiarire la nave. Il sole è tramonto e lo scafo è prugna.
Allungarlo, o comprimerlo in un riquadro che non sia quadrato.
Download
Tutto ciò che il sito stesso distribuisce. L'SVG è il simbolo così come è disegnato; i PNG sono generati da esso per i luoghi che non possono usare un vettoriale. Ogni file ha lo scafo prugna.
Un fornitore che desidera il proprio punteggio anziché il nostro simbolo va a il generatore di card.
Il lockup: simbolo, poi parola, su una riga. Questa è la testata, e l'unica disposizione.
La parola da sola, per un luogo troppo stretto per il simbolo. Nel testo corrente il nome è digitato nel carattere del corpo, non disegnato. Mai il simbolo da solo come firma — il sole non dice nulla senza il nome accanto, tranne su una scheda del browser o un launcher, dove il nome viene stampato sotto dal sistema.
Metterlo su uno sfondo affollato o sfumato. Il sole ha bisogno di un campo tranquillo intorno.
Dividere il nome, eliminare la maiuscola, o comporlo in un altro carattere.
Stampare un punteggio senza la sua fascia e data, o mediare i due in uno.