裝置 01 · 酒吧
標記每個部分嘅標題。身份最易認嘅元素,喺每一頁,好多次,冇任何代價。
5px 規則 · 軌道全高 · 重點顏色
由 12.99 單位茎
建築
一個規則,唔係兩個形狀。
顏色
六個帶有文字嘅值。
品牌
標記、佢點樣建立,同埋檔案 IO Patina LLC 發佈嚟使用。
符號同主要鎖定,喺每個大小嘅格入面畫出嚟。兩者都係向量,而唔係其中一個嘅圖像。
建築
輪圈係圍住個圈一直畫,而每個輪圈嘅角闊度都會隨住佢嘅方位而改變。喺嗰個闊度達到全距嘅地方,鄰近嘅輪轂會相遇,而個環就會變成實心;喺佢跌到一半嘅地方,佢哋就會分開入風扇。所以新月同風扇係同一個物體,喺兩個角度睇,呢個就係點解佢哋之間嘅過渡點冇縫隙。
| 測量 | 價值 | 注意 |
|---|---|---|
| 環外徑 | 100 | 格 — 每個其他數字都係佢嘅百分比 |
| 空隙直徑 | 61.18 | 參考上嘅圓拟合殘差 0.84px |
| 空白偏移量 | 2.53 咗 | 個空隙唔係同心,而呢個就係設計 |
| 棒闊度 | 12.99 | 同個環一樣,頂部同底部 |
| 棒對環嘅間隙 | 12.30 | 喺標記入面清除空間 |
| 講嘢,全圈 | 114 ± 3 | 音高3.10 ° –3.23 ° ,由四個半徑嘅自相關;個師傅太粗魯,唔可以準確噉計佢哋 |
| 輪胎闊度 | 50% | 喺球場嘅外面,喺開放式風扇入面 |
| 實心弧 | 195°–330° | 測量過;喺九點以下嘅中心位置 |
| 整體闊度 | 126.67 | 包括風扇過咗個擂台嘅伸手範圍 |
光學尺寸
要將輻條同間隙睇成兩樣嘢,弧線上大約要有三個像素。標誌唔會畫出 114 條輻條再由光柵化程序破壞細節,而係提供四種版本。四個版本嘅圓環、偏心留白同直條至圓環嘅間隙都一樣,只會省略喺嗰個尺寸下無法呈現嘅細節。
呢度四個都係用相同嘅大小畫,所以分別係可見嘅。每個通常只會喺佢剪嘅尺寸度睇到。
顏色
下面每對都係根據 WCAG 2.2測量。套裝嘅五種顏色當中,有三種喺紙上唔會達到 4.5:1,如所講 — 石灰色係2.81:1,入口金色係1.85:1,霧係1.10:1 — 所以每種顏色都會喺佢經過嘅地方用,而喺唔會嘅地方就會用相同嘅色調。替換係記錄喺設計系統入面。
Deep Ink
#0F1114
頭條、主要掣、暗地
16.76:1 顯示喺 Paper 上
Paper
#F3F1ED
頁面地面
16.76:1 顯示喺 Deep Ink 上
Portal Gold
#C8B092
只限暗色表面嘅口音
9.08:1 顯示喺 Deep Ink 上
Bronze
#7C5F3E
喺淺色表面上面嘅連結同標記
5.22:1 顯示喺 Paper 上
Graphite
#4A4C4E
正文副本
7.65:1 顯示喺 Paper 上
Stone
#6B6D6B
微標籤 — 最輕嘅中性色
4.63:1 顯示喺 Paper 上
裝置
個標記係一個精確嘅物體;只係帶住佢嘅頁面會讀成一個有貼紙嘅頁面。呢四個裝置係標誌自己嘅測量值,用嚟做頁面結構,所以身份同網站唔再係兩個巧合地共用標誌嘅物件。每個 IO Patina 屬性係喺同一組入面抽取 — 睇吓入面嘅共同主題 主題 /.
裝置 01 · 酒吧
標記每個部分嘅標題。身份最易認嘅元素,喺每一頁,好多次,冇任何代價。
5px 規則 · 軌道全高 · 重點顏色
由 12.99 單位茎
建築
一個規則,唔係兩個形狀。
顏色
六個帶有文字嘅值。
裝置 02 · 輪胎規則
每頁一個,喺頁面嘅主要邊界。其他每條分隔線都會保持一條髮線 — 一條畫咗嘅規則只會喺唯一一條嘅情況下先會保持佢嘅重量。
音高6px · 值班 50% · 高度10px · 向右褪色
由 球迷嘅推銷
裝置 03 · 金屬
一個表面,唔係一個亮點。每頁一個,喺英雄或者黑暗樂隊後面,從來唔會喺必須睇嘅文字後面。
棒洗作為 13px 頁邊 · 環洗從右上角撞到
由 發佈嘅漸變
裝置 04 · 離中心嘅空白
版面配置會複製環嘅唔對稱:文字欄比記錄欄闊,而「顯示」切口會喺頁面外延伸。
1.35 / 1 欄 · 標記喺16 % 嘅時候流血過咗右邊緣
由 空隙嘅 2.53 單位偏移量
每頁嘅預算:一個金屬表面,一個標記嘅顯示切割,一個暗帶,同埋同內容有嘅部分一樣多嘅條同輪轂規則。超越佢,就係將一個身份變返做裝飾。
字體
三個都係由呢個網域以子集 woff2 出貨。網站上面冇任何嘢要求其他地方用字體,呢個亦都係點解內容安全政策可以直接禁止第三方來源嘅原因。
Ideas, carefully made.
可變,100-900。部分標題、導覽、掣同埋所有內容都可以讀成運行緊嘅文字。亦都係字標嘅大綱嘅來源。
Ideas, carefully made.
頁面標題同陳述,30 – 62像素。永遠唔會低過26px,喺嗰度,襯線就唔再係聲音,而係變成紋理。
Ideas, carefully made.
眉毛、記錄行同埋網站上面嘅每個數字,噉樣任何測量到嘅嘢都會讀出嚟。
檔案
每個都係由網站用嚟繪製標題嘅同一個幾何模組生成,所以檔案同實時標記唔可以唔一致。全部都係向量。
用緊個標記
喺每邊留低至少一半嘅戒指直徑。發佈嘅檔案已經將佢放喺佢哋嘅 viewBox 入面,所以將佢哋放喺邊緣就足夠喇。
流入風扇嘅新月係標誌。一般戒指係唔同嘅標誌。
用發佈咗嘅檔案。個標記闊過佢嘅高度,而且縮放一個軸會打破個圓圈。
風扇喺嗰個大小下解析唔到,變成噪音。圖示同應用程式圖示已經有正確嘅剪裁。
權限
IO Patina 嘅標誌同字標係 IO Patina LLC 嘅商標。公開以上檔案,係為咗令介紹呢間公司或者連結到公司網站嘅人可以正確呈現佢。
呢啲檔案可以用嚟指代 IO Patina LLC 同佢嘅產品,但唔可以暗示並不存在嘅認可、合作或者隸屬關係,亦唔可以納入其他組織自己嘅標誌。
如果用嚟做任何其他用途,或者用嚟鎖定呢個頁面唔會發佈,請寫信去 legal@iopatina.com.