Marchio
Il marchio, come è costruito e i file che IO Patina LLC pubblica per l'uso.
Il simbolo e il lockup primario, disegnati dalla griglia ad ogni dimensione. Entrambi sono vettoriali, non un'immagine di uno.
Costruzione
I raggi sono disegnati lungo tutto il cerchio e la larghezza angolare di ciascuno cambia con la sua direzione. Dove tale larghezza raggiunge l'altezza massima, i raggi vicini si incontrano e l'anello diventa solido; dove cade a metà si dividono in un ventaglio. La mezzaluna e il ventaglio sono quindi lo stesso oggetto visto da due angoli, motivo per cui il passaggio tra loro non presenta cuciture.
| Misurare | Valore | Nota |
|---|---|---|
| Diametro esterno dell'anello | 100 | la griglia: ogni altro numero ne è una percentuale |
| Diametro del vuoto | 61.18 | 0.84px residuo circolare sul riferimento |
| Compensazione del vuoto | 2.53 a sinistra | il vuoto non è concentrico, e questo è il disegno |
| Larghezza della barra | 12.99 | a filo con l'anello, in alto e in basso |
| Spazio tra barra e anello | 12.30 | spazio libero all'interno del segno |
| Raggi, cerchio completo | 114 ± 3 | passo 3.10°–3.23° mediante autocorrelazione su quattro raggi; il maestro è troppo grossolano per contarli esattamente |
| Larghezza dei raggi | 50% | del campo, a tifoso aperto |
| Arco solido | 195°–330° | misurato; centrato appena sotto le nove |
| Larghezza complessiva | 126.67 | compresa la portata del fan oltre l'anello |
Dimensionamento ottico
Un raggio e il suo spazio vuoto necessitano di circa tre pixel di arco per essere letti come due cose. Invece di disegnare i raggi 114 e lasciare che il rasterizzatore li distrugga, il marchio porta quattro tagli. L'anello, il vuoto decentrato e lo spazio tra la barra e l'anello sono identici in tutti e quattro: viene eliminato solo il dettaglio che le dimensioni non possono contenere.
Tutti e quattro sono disegnati qui con la stessa dimensione, quindi la differenza è visibile. Ciascuno viene normalmente visto solo nella dimensione per cui è stato tagliato.
Colore
Ogni coppia di seguito è misurata rispetto a WCAG 2.2. Tre dei cinque colori del kit non raggiungono 4.5:1 su carta come indicato — Stone Grey a 2.81:1, Portal Gold a 1.85:1 e Mist a 1.10:1 — quindi ciascuno viene utilizzato dove passa e tolto la stessa tonalità dove non passa. Le sostituzioni vengono registrate nel sistema di progettazione.
Deep Ink
#0F1114
Titoli, pulsanti principali, fondo scuro
16.76:1 su Paper
Paper
#F3F1ED
Pagina terra
16.76:1 su Deep Ink
Portal Gold
#C8B092
Accento solo su superfici scure
9.08:1 su Deep Ink
Bronze
#7C5F3E
Collegamenti e segni su superfici chiare
5.22:1 su Paper
Graphite
#4A4C4E
Copia del corpo
7.65:1 su Paper
Stone
#6B6D6B
Microetichette: le più leggere e neutre
4.63:1 su Paper
Dispositivi
Il marchio è un oggetto di precisione; una pagina che lo trasporta semplicemente si legge come una pagina con un adesivo sopra. Questi quattro dispositivi sono le misurazioni proprie del marchio utilizzate come struttura della pagina, quindi l’identità e il sito web smettono di essere due oggetti che condividono un logo. Ogni IO Patina proprietà attinge dallo stesso insieme: vedere il tema comune in tema/.
Dispositivo 01 · La barra
Contrassegna ogni intestazione di sezione. L'elemento più riconoscibile dell'identità, in ogni pagina, più volte, a costo zero.
Regola 5px · altezza completa del binario · colore in risalto
da lo stelo dell'unità 12.99
Costruzione
Una regola, non due forme.
Colore
Sei valori che contengono testo.
Dispositivo 02 · La regola dei raggi
Uno per pagina, al limite principale della pagina. Ogni altro divisore rimane un'attaccatura: una regola disegnata mantiene il suo peso solo se è l'unica.
passo 6px · servizio 50% · altezza 10px · sfuma a destra
da il campo del tifoso
Dispositivo 03 · Metallo
Una superficie, non un punto culminante. Uno per pagina, dietro l'eroe o una fascia scura, mai dietro un testo da leggere.
lavaggio della barra come bordo della pagina 13px · lavaggio dell'anello colpito dall'alto a destra
da i gradienti pubblicati
Dispositivo 04 · Il vuoto decentrato
Il layout copia l'asimmetria dell'anello: la colonna di testo è più larga della colonna di record e il taglio del display termina fuori dalla pagina.
colonne 1.35 / 1 · il segno sanguina oltre il bordo destro in 16%
da l’offset unitario 2.53 del vuoto
Budget per pagina: una superficie metallica, un taglio di visualizzazione del segno, una banda scura e tante barre e regole dei raggi quante sono le sezioni del contenuto. Superarlo è ciò che trasforma un'identità in decorazione.
Carattere tipografico
Tutti e tre vengono spediti da questo dominio come sottoinsieme woff2. Niente sul sito richiede un carattere da nessun'altra parte, motivo per cui la politica di sicurezza dei contenuti può vietare completamente l'origine di terze parti.
Ideas, carefully made.
Variabile, 100–900. Intestazioni di sezione, navigazione, pulsanti e tutto viene letto come testo scorrevole. Anche la fonte dei contorni del marchio denominativo.
Ideas, carefully made.
Titoli e dichiarazioni delle pagine, 30–62px. Mai al di sotto di 26px, dove il serif smette di essere voce e diventa texture.
Ideas, carefully made.
Sopracciglia, righe di record e ogni cifra sul sito, in modo che qualsiasi cosa misurata risulti misurata.
File
Ciascuno è generato dallo stesso modulo geometrico con cui il sito disegna la sua intestazione, quindi un file e il segno live non possono essere in disaccordo. Tutti sono vettoriali.
Utilizzando il marchio
Lasciare libera almeno la metà del diametro dell’anello su ogni lato. I file pubblicati lo portano già nel loro viewBox, quindi è sufficiente posizionarli da un lato all'altro.
La mezzaluna che scorre nel ventaglio è il segno. Un anello generico è un logo diverso.
Utilizza un file pubblicato. Il segno è più largo che alto e il ridimensionamento di un asse interrompe il cerchio.
La ventola non riesce a risolvere a quelle dimensioni e diventa rumorosa. Le favicon e le icone delle app portano già il taglio giusto.
Autorizzazione
Il marchio e il marchio denominativo IO Patina sono marchi commerciali di IO Patina LLC. I file sopra riportati vengono pubblicati in modo che chiunque scriva o si colleghi all'azienda possa rappresentarla correttamente.
Possono essere utilizzati per fare riferimento a IO Patina LLC e ai suoi prodotti. Non possono essere utilizzati per suggerire sponsorizzazione, partnership o affiliazione che non esiste e non possono essere incorporati nei marchi di un'altra organizzazione.
Per qualsiasi altro utilizzo, o per un blocco che questa pagina non pubblica, scrivere a legal@iopatina.com.
