Marke
Die Marke, wie sie aufgebaut ist und welche Dateien IO Patina LLC zur Verwendung veröffentlicht.
Das Symbol und die primäre Überbrückung, in jeder Größe aus dem Raster gezeichnet. Beide sind Vektoren, kein Bild von einem.
Bau
Rund um den Kreis sind Speichen gezeichnet, deren Winkelbreite sich je nach Peilung ändert. Wo diese Breite die volle Tonhöhe erreicht, treffen benachbarte Speichen aufeinander und der Ring wird fest; wo es auf die Hälfte fällt, teilen sie sich in den Fächer. Der Halbmond und der Fächer sind daher aus zwei Blickwinkeln betrachtet dasselbe Objekt, weshalb der Übergang zwischen ihnen keine Naht aufweist.
| Messen | Wert | Hinweis |
|---|---|---|
| Ringaußendurchmesser | 100 | das Raster – jede andere Zahl ist ein Prozentsatz davon |
| Hohlraumdurchmesser | 61.18 | Kreisfit-Restwert 0.84px auf der Referenz |
| Leerer Offset | 2.53 links | Die Leere ist nicht konzentrisch, und das ist das Design |
| Balkenbreite | 12.99 | bündig mit dem Ring, oben und unten |
| Lücke zwischen Stange und Ring | 12.30 | Freiraum innerhalb der Markierung |
| Speichen, voller Kreis | 114 ± 3 | Neigung 3.10°–3.23° durch Autokorrelation über vier Radien; Der Meister ist zu grob, um sie genau zu zählen |
| Speichenbreite | 50% | des Spielfelds, draußen im offenen Ventilator |
| Durchgehender Bogen | 195°–330° | gemessen; zentriert knapp unter neun Uhr |
| Gesamtbreite | 126.67 | einschließlich der Reichweite des Fans über den Ring hinaus |
Optische Größenbestimmung
Eine Speiche und ihre Lücke benötigen ungefähr drei Bogenpixel, um als zwei Dinge gelesen zu werden. Anstatt 114-Speichen zu zeichnen und sie vom Rasterer zerstören zu lassen, weist die Markierung vier Schnitte auf. Der Ring, der außermittige Hohlraum und die Lücke zwischen Stab und Ring sind bei allen vier identisch – nur Details, die die Größe nicht aufnehmen kann, wurden weggelassen.
Alle vier sind hier in der gleichen Größe gezeichnet, sodass der Unterschied sichtbar ist. Jedes ist normalerweise nur in der Größe zu sehen, für die es zugeschnitten ist.
Farbe
Jedes Paar unten wird gegen WCAG 2.2 gemessen. Drei der fünf Farben des Kits erreichen 4.5:1 auf Papier nicht, wie angegeben – Stone Grey bei 2.81:1, Portal Gold bei 1.85:1 und Mist bei 1.10:1 – daher wird jede dort verwendet, wo sie durchkommt, und derselbe Farbton wird dort entfernt, wo sie nicht erreicht wird. Die Ersetzungen werden im Designsystem erfasst.
Deep Ink
#0F1114
Schlagzeilen, Hauptschaltflächen, dunkler Grund
16.76:1 auf Paper
Paper
#F3F1ED
Seitenboden
16.76:1 auf Deep Ink
Portal Gold
#C8B092
Akzentuiert nur auf dunklen Oberflächen
9.08:1 auf Deep Ink
Bronze
#7C5F3E
Verbindungen und Markierungen auf hellen Oberflächen
5.22:1 auf Paper
Graphite
#4A4C4E
Fließtext
7.65:1 auf Paper
Stone
#6B6D6B
Mikroetiketten – die hellsten neutralen Etiketten
4.63:1 auf Paper
Geräte
Die Marke ist ein Präzisionsobjekt; Eine Seite, die es lediglich trägt, liest sich wie eine Seite mit einem Aufkleber darauf. Diese vier Elemente sind die eigenen Maße der Marke, die als Seitenstruktur verwendet werden, sodass die Identität und die Website nicht mehr zwei Objekte sind, die zufällig ein gemeinsames Logo haben. Jeder IO Patina Die Eigenschaft stammt aus demselben Satz – siehe das gemeinsame Thema in Thema/.
Gerät 01 · Die Bar
Markiert jede Abschnittsüberschrift. Das erkennbarste Element der Identität, auf jeder Seite, viele Male, kostenlos.
5px-Regel · volle Höhe der Schiene · Akzentfarbe
von der 12.99-Einheitsvorbau
Bau
Eine Regel, nicht zwei Formen.
Farbe
Sechs Werte, die Text enthalten.
Gerät 02 · Die Speichenregel
Eine pro Seite, an der primären Grenze der Seite. Jeder zweite Teiler bleibt ein Haarstrich – eine gezeichnete Regel behält nur dann ihr Gewicht, wenn sie die einzige ist.
Tonhöhe 6px · Pflicht 50% · Höhe 10px · Fade nach rechts
von das Spielfeld des Fans
Gerät 03 · Metall
Eine Oberfläche, kein Highlight. Eine pro Seite, hinter dem Helden oder einem dunklen Band, niemals hinter Text, der gelesen werden muss.
Balkenwaschung als Seitenkante 13px · Ringwaschung von rechts oben angeschlagen
von die veröffentlichten Farbverläufe
Gerät 04 · Die außermittige Leere
Das Layout kopiert die Asymmetrie des Rings: Die Textspalte ist breiter als die Datensatzspalte und der Anzeigeausschnitt läuft über die Seite hinaus.
Spalten 1.35 / 1 · die Markierung ragte bei 16% über den rechten Rand hinaus
von der 2.53-Einheitsoffset des Hohlraums
Budget pro Seite: eine Metalloberfläche, ein Anzeigeausschnitt der Marke, ein dunkles Band und so viele Balken und Speichenlinien, wie der Inhalt Abschnitte hat. Ihre Überschreitung macht eine Identität wieder zur Dekoration.
Schriftart
Alle drei werden von dieser Domain als Teilmenge woff2 ausgeliefert. Nichts auf der Website fordert eine Schriftart von irgendwo anders an, weshalb die Inhaltssicherheitsrichtlinie auch die Herkunft Dritter gänzlich verbieten kann.
Ideas, carefully made.
Variable, 100–900. Abschnittsüberschriften, Navigation, Schaltflächen und alles, was als Fließtext gelesen wird. Auch die Quelle der Umrisse der Wortmarke.
Ideas, carefully made.
Seitentitel und Aussagen, 30–62px. Niemals unter 26px, wo die Serife aufhört, eine Stimme zu sein und zu einer Textur wird.
Ideas, carefully made.
Augenbrauen, Zeilen und jede Ziffer auf der Website, sodass alles, was gemessen wird, auch als gemessen gilt.
Dateien
Jedes wird aus demselben Geometriemodul generiert, mit dem die Site ihren Header zeichnet, sodass eine Datei und die Live-Markierung nicht unterschiedlich sein können. Alle sind Vektoren.
Verwendung der Marke
Lassen Sie auf jeder Seite mindestens die Hälfte des Ringdurchmessers frei. Die veröffentlichten Dateien enthalten es bereits in ihrer ViewBox, daher reicht es aus, sie Kante an Kante zu platzieren.
Der in den Fächer fließende Halbmond ist die Markierung. Ein allgemeiner Ring ist ein anderes Logo.
Verwenden Sie eine veröffentlichte Datei. Die Markierung ist breiter als hoch, und die Skalierung einer Achse unterbricht den Kreis.
Der Lüfter kann bei dieser Größe nicht auflösen und geht in Geräusche über. Die Favicons und App-Icons tragen bereits den richtigen Schnitt.
Erlaubnis
Die Marke IO Patina und die Wortmarke sind Marken von IO Patina LLC. Die oben genannten Dateien werden veröffentlicht, damit jeder, der über das Unternehmen schreibt oder darauf verlinkt, es korrekt darstellen kann.
Sie können als Verweis auf IO Patina LLC und seine Produkte verwendet werden. Sie dürfen nicht dazu verwendet werden, eine nicht bestehende Unterstützung, Partnerschaft oder Zugehörigkeit zu suggerieren, und sie dürfen nicht in die eigenen Marken einer anderen Organisation integriert werden.
Für jede andere Verwendung oder für eine Sperrung, die diese Seite nicht veröffentlicht, schreiben Sie an legal@iopatina.com.
