Marque
La marque, comment elle est construite et les fichiers que IO Patina LLC publie pour utilisation.
Le symbole et le verrouillage primaire, tirés de la grille à toutes les tailles. Les deux sont des vecteurs, pas une image d’un seul.
Construction
Les rayons sont dessinés tout autour du cercle et la largeur angulaire de chacun change en fonction de son orientation. Là où cette largeur atteint le pas complet, les rayons voisins se rejoignent et l'anneau devient solide ; là où il tombe à moitié, ils se séparent en éventail. Le croissant et l'éventail sont donc le même objet vu sous deux angles, c'est pourquoi la transition entre eux n'a pas de couture.
| Mesurer | Valeur | Remarque |
|---|---|---|
| Diamètre extérieur de la bague | 100 | la grille - un nombre sur deux en représente un pourcentage |
| Diamètre du vide | 61.18 | ajustement circulaire du résidu 0.84px sur la référence |
| Décalage du vide | 2.53 gauche | le vide n'est pas concentrique, et c'est la conception |
| Largeur de barre | 12.99 | au ras de l'anneau, en haut et en bas |
| Écart entre la barre et l'anneau | 12.30 | libérer de l'espace à l'intérieur de la marque |
| Rayons, cercle complet | 114 ± 3 | pas 3.10° – 3.23° par autocorrélation sur quatre rayons ; le maître est trop grossier pour les compter exactement |
| Largeur des rayons | 50% | du terrain, en plein air |
| Arc solide | 195°–330° | mesuré ; centré juste en dessous de neuf heures |
| Largeur hors tout | 126.67 | y compris la portée du ventilateur au-delà du ring |
Dimensionnement optique
Un rayon et son espace ont besoin d’environ trois pixels d’arc pour être interprétés comme deux choses. Plutôt que de dessiner les rayons 114 et de laisser le rastériseur les détruire, la marque comporte quatre coupes. L'anneau, le vide décentré et l'espace entre la barre et l'anneau sont identiques dans les quatre -seuls les détails que la taille ne peut pas contenir sont supprimés.
Tous les quatre sont dessinés ici à la même taille afin que la différence soit visible. Chacun est normalement vu uniquement à la taille pour laquelle il est coupé.
Couleur
Chaque paire ci-dessous est mesurée par rapport aux WCAG 2.2. Trois des cinq couleurs du kit n'atteignent pas 4.5 : 1 sur papier comme indiqué : Stone Grey à 2.81 : 1, Portal Gold à 1.85 : 1 et Mist à 1.10 : 1 – donc chacune est utilisée là où elle passe et retirée de la même teinte là où elle ne passe pas. Les substitutions sont enregistrées dans le système de conception.
Deep Ink
#0F1114
Titres, boutons principaux, fond sombre
16.76:1 sur Paper
Paper
#F3F1ED
Fond de page
16.76:1 sur Deep Ink
Portal Gold
#C8B092
Accent sur les surfaces sombres uniquement
9.08:1 sur Deep Ink
Bronze
#7C5F3E
Liens et marques sur surfaces claires
5.22:1 sur Paper
Graphite
#4A4C4E
Corps du texte
7.65:1 sur Paper
Stone
#6B6D6B
Micro-étiquettes — le neutre le plus léger
4.63:1 sur Paper
Appareils
La marque est un objet de précision ; une page qui le porte simplement se lit comme une page avec un autocollant dessus. Ces quatre dispositifs sont les propres mesures de la marque utilisées comme structure de page, de sorte que l’identité et le site Web cessent d’être deux objets partageant un logo. Chaque IO Patina la propriété s'appuie sur le même ensemble — voir le thème commun dans thème/.
Appareil 01 · La barre
Marque chaque titre de section. L'élément le plus reconnaissable de l'identité, sur chaque page, plusieurs fois, gratuitement.
Règle 5px · pleine hauteur du rail · couleur d'accentuation
de la tige de l'unité 12.99
Construction
Une règle, pas deux formes.
Couleur
Six valeurs qui portent du texte.
Appareil 02 · La règle des rayons
Un par page, à la limite principale de la page. Tous les autres séparateurs restent à la limite – une règle dessinée ne conserve son poids que si elle est la seule.
pas 6px · service 50% · hauteur 10px · fondu à droite
de le pitch du fan
Appareil 03 · Métal
Une surface, pas un point fort. Un par page, derrière le héros ou une bande sombre, jamais derrière le texte à lire.
Lavage de barre en tant que bord de page 13px · Lavage d'anneau frappé en haut à droite
de les dégradés publiés
Appareil 04 · Le vide décentré
La mise en page reproduit l'asymétrie de l'anneau : la colonne de texte est plus large que la colonne d'enregistrement et la coupe d'affichage s'étend hors de la page.
colonnes 1.35 / 1 · la marque dépasse le bord droit à 16%
de le décalage d'unité 2.53 du vide
Budget par page : une surface métallique, une découpe Display de la marque, une bande sombre, et autant de barres et de règles à rayons que le contenu comporte de sections. Le dépasser est ce qui transforme une identité en décoration.
Police de caractères
Tous les trois sont expédiés à partir de ce domaine en tant que sous-ensemble woff2. Rien sur le site ne demande une police provenant d'ailleurs, c'est également pourquoi la politique de sécurité du contenu peut interdire purement et simplement les origines tierces.
Ideas, carefully made.
Variable, 100–900. Les titres de section, la navigation, les boutons et tout se lisent comme du texte courant. Également la source des contours du mot-symbole.
Ideas, carefully made.
Titres de page et déclarations, 30–62px. Jamais en dessous de 26px, où l'empattement cesse d'être une voix et devient une texture.
Ideas, carefully made.
Sourcils, lignes d'enregistrement et chaque chiffre du site, afin que tout ce qui est mesuré soit lu comme mesuré.
Fichiers
Chacun est généré à partir du même module de géométrie avec lequel le site dessine son en-tête, donc un fichier et la marque dynamique ne peuvent pas être en désaccord. Tous sont vectoriels.
Utiliser la marque
Laissez au moins la moitié du diamètre de l’anneau libre de chaque côté. Les fichiers publiés le portent déjà dans leur viewBox, il suffit donc de les placer bord à bord.
Le croissant qui coule dans l'éventail est la marque. Une bague générique est un logo différent.
Utilisez un fichier publié. La marque est plus large que haute et la mise à l'échelle d'un axe brise le cercle.
Le ventilateur ne peut pas se résoudre à cette taille et se transforme en bruit. Les favicons et les icônes d'application portent déjà la bonne coupe.
Autorisation
La marque IO Patina et le mot-symbole sont des marques déposées de IO Patina LLC. Les fichiers ci-dessus sont publiés afin que toute personne écrivant sur l'entreprise ou créant un lien vers celle-ci puisse la représenter correctement.
Ils peuvent être utilisés pour désigner IO Patina LLC et ses produits. Ils ne peuvent pas être utilisés pour suggérer une approbation, un partenariat ou une affiliation qui n’existe pas, et ils ne peuvent pas être incorporés aux marques propres d’une autre organisation.
Pour toute autre utilisation, ou pour un blocage cette page ne publie pas, écrivez à legal@iopatina.com.
