Značka
Značka, jak je vytvořena a soubory, které IO Patina LLC zveřejňuje k použití.
Symbol a primární uzamčení, nakreslené z mřížky v každé velikosti. Oba jsou vektorové, nikoli obrázek jednoho.
Stavebnictví
Paprsky jsou nakresleny po celém kruhu a úhlová šířka každého z nich se mění s jeho ložiskem. Tam, kde šířka dosáhne plné rozteče, sousední paprsky se setkají a prsten se zpevní; kde klesne na polovinu, rozdělí se do ventilátoru. Srpek a vějíř jsou tedy stejný objekt viděný pod dvěma úhly, a proto přechod mezi nimi nemá žádný šev.
| Změřte | Hodnota | Poznámka |
|---|---|---|
| Vnější průměr kroužku | 100 | mřížka – každé další číslo je její procento |
| Prázdný průměr | 61.18 | zbytkový 0.84px na referenci |
| Void offset | Zbývá 2.53 | prázdnota není soustředná, a to je design |
| Šířka lišty | 12.99 | v jedné rovině s prstencem, nahoře a dole |
| Mezera mezi tyčí a prstencem | 12.30 | volný prostor uvnitř značky |
| Paprsky, celý kruh | 114 ± 3 | rozteč 3.10°–3.23° autokorelací napříč čtyřmi poloměry; mistr je příliš hrubý, aby je přesně spočítal |
| Šířka paprsků | 50% | hřiště, venku v otevřeném ventilátoru |
| Pevný oblouk | 195°–330° | měřeno; se středem těsně pod devátou hodinou |
| Celková šířka | 126.67 | včetně dosahu ventilátoru za prstenec |
Optické dimenzování
Paprsek a jeho mezera potřebují ke čtení zhruba tři pixely oblouku jako dvě věci. Spíše než nakreslit 114 paprsky a nechat je zničit rasterizátorem, značka nese čtyři řezy. Kroužek, mezera mimo střed a mezera mezi tyčí a kroužkem jsou u všech čtyř identické – vypadne pouze detail, který velikost neudrží.
Všechny čtyři jsou zde nakresleny ve stejné velikosti, takže je vidět rozdíl. Každý je normálně vidět pouze ve velikosti, na kterou je oříznut.
Barva
Každý pár níže je měřen podle WCAG 2.2. Tři z pěti barev sady nedosahují na papíře 4.5:1, jak je uvedeno — Stone Grey v 2.81:1, Portal Gold v 1.85:1 a Mist v 1.10:1 — takže každá se používá tam, kde projde, a kde ne, sundá se stejný odstín. Záměny jsou zaznamenány v návrhovém systému.
Deep Ink
#0F1114
Titulky, primární tlačítka, tmavá půda
16.76:1 na Paper
Paper
#F3F1ED
Půda stránky
16.76:1 na Deep Ink
Portal Gold
#C8B092
Zvýraznění pouze na tmavých plochách
9.08:1 na Deep Ink
Bronze
#7C5F3E
Odkazy a značky na světlých plochách
5.22:1 na Paper
Graphite
#4A4C4E
Kopie těla
7.65:1 na Paper
Stone
#6B6D6B
Mikroštítky — nejsvětlejší neutrální
4.63:1 na Paper
Zařízení
Značka je přesný předmět; stránka, která ji pouze nese, se čte jako stránka s nálepkou. Tato čtyři zařízení jsou vlastní měření značky používaná jako struktura stránky, takže identita a web přestávají být dvěma objekty, které náhodou sdílejí logo. Každý IO Patina vlastnost čerpá ze stejné sady — viz společné téma v téma/.
Zařízení 01 · Bar
Označí každý nadpis sekce. Nejvíce rozpoznatelný prvek identity, na každé stránce, mnohokrát, bez nákladů.
Pravidlo 5px · plná výška kolejnice · barva zvýraznění
od 12.99-jednotkový kmen
Stavebnictví
Jedno pravidlo, ne dva tvary.
Barva
Šest hodnot, které nesou text.
Zařízení 02 · Mluvčí pravidlo
Jedna na stránku, na primární hranici stránky. Každý druhý předěl zůstává vlasovou linií — nakreslené pravidlo si zachová svou váhu pouze tehdy, je-li jediné.
výška 6px · clona 50% · výška 10px · slábne vpravo
od hřiště pro fanoušky
Zařízení 03 · Kovové
Povrch, ne melír. Jedna na stránku, za hrdinou nebo temným pruhem, nikdy za textem, který je třeba číst.
bar mytí jako 13px okraj stránky · kruhové mytí udeřeno zprava nahoře
od publikované gradienty
Zařízení 04 · Prázdnota mimo střed
Rozvržení kopíruje asymetrii prstence: sloupec textu je širší než sloupec záznamu a oříznutí zobrazení běží mimo stránku.
sloupce 1.35 / 1 · značka krvácela za pravý okraj na 16%
od offset 2.53-jednotky prázdného místa
Rozpočet na stránku: jeden kovový povrch, jeden výřez značky, jeden tmavý pruh a tolik pruhů a pravidel, kolik má obsah sekcí. Překročení je to, co promění identitu zpět v ozdobu.
Typ písma
Všechny tři se dodávají z této domény jako podmnožina woff2. Nic na webu nevyžaduje písmo odjinud, což je také důvod, proč zásady zabezpečení obsahu mohou přímo zakázat původ třetích stran.
Ideas, carefully made.
Proměnná, 100–900. Nadpisy oddílů, navigace, tlačítka a vše se čte jako běžící text. Také zdroj obrysů slovní značky.
Ideas, carefully made.
Názvy stránek a prohlášení, 30–62px. Nikdy pod 26px, kde patka přestává být hlasem a stává se texturou.
Ideas, carefully made.
Obočí, zaznamenejte řádky a každou číslici na webu, takže vše, co se změří, bude odpovídat měření.
Soubory
Každý je generován ze stejného modulu geometrie, se kterým web kreslí své záhlaví, takže soubor a živá značka nemohou nesouhlasit. Všechny jsou vektorové.
Pomocí značky
Na každé straně nechte alespoň polovinu průměru prstenu volnou. Publikované soubory jej již nesou ve svém viewBoxu, takže stačí umístit je od okraje k okraji.
Půlměsíc proudící do ventilátoru je značka. Obecný prsten je jiné logo.
Použijte publikovaný soubor. Značka je širší než vysoká a změna měřítka jedné osy přeruší kruh.
Ventilátor se při této velikosti nerozezná a změní se na hluk. Favicony a ikony aplikací již mají ten správný střih.
Povolení
Značka a slovo IO Patina jsou ochrannými známkami IO Patina LLC. Výše uvedené soubory jsou publikovány tak, aby je kdokoli, kdo o společnosti píše nebo na ni odkazuje, mohl správně zastupovat.
Mohou být použity jako odkaz na IO Patina LLC a jeho produkty. Nesmějí být použity k navrhování podpory, partnerství nebo přidružení, které neexistuje, a nesmí být začleněny do vlastních značek jiné organizace.
Pro jakékoli jiné použití nebo pro uzamčení této stránky, kterou nepublikuje, pište na legal@iopatina.com.
