Merek

Garis, lingkaran, dan pengaruh cahaya terhadap logam.

Tandanya, cara pembuatannya, dan file yang diterbitkan IO Patina LLC untuk digunakan.

Simbol dan penguncian utama, diambil dari grid pada setiap ukuran. Keduanya adalah vektor, bukan gambar yang satu.

Konstruksi

Satu aturan, bukan dua bentuk.

Jari-jari digambar sepanjang lingkaran, dan lebar sudut masing-masing jari berubah sesuai arah. Ketika lebarnya mencapai nada penuh, jari-jari yang berdekatan bertemu dan cincin menjadi padat; dimana turun menjadi setengahnya, mereka berpisah menjadi kipas angin. Oleh karena itu, bulan sabit dan kipas merupakan objek yang sama jika dilihat dari dua sudut, itulah sebabnya transisi di antara keduanya tidak memiliki jahitan.

Tutup kisi — diameter luar cincin = satuan 100
UkurNilaiCatatan
Diameter luar cincin 100 grid — setiap angka lainnya adalah persentasenya
Diameter kosong 61.18 sesuaikan sisa 0.84px pada referensi
Pengimbangan batal 2.53 kiri kekosongannya tidak konsentris, dan itulah desainnya
Lebar batang 12.99 rata dengan ring, atas dan bawah
Kesenjangan bar-to-ring 12.30 ruang kosong di dalam tanda
Jari-jari, lingkaran penuh 114 ± 3 nada 3.10°–3.23° dengan autokorelasi pada empat jari-jari; sang master terlalu kasar untuk menghitungnya dengan tepat
Lebar jari-jari 50% dari lapangan, di kipas angin terbuka
Busur padat 195°–330° diukur; berpusat tepat di bawah jam sembilan
Lebar keseluruhan 126.67 termasuk jangkauan kipas melewati ring

Ukuran optik

Kipasnya menipis seiring dengan mengecilnya tanda tersebut.

Jari-jari dan celahnya memerlukan sekitar tiga piksel busur untuk dibaca sebagai dua hal. Daripada menggambar jari-jari 114 dan membiarkan rasteriser menghancurkannya, tanda tersebut menghasilkan empat potongan. Cincin, ruang kosong di luar pusat, dan celah antara batang dan cincin semuanya identik — hanya detail yang ukurannya tidak dapat ditampung yang dihilangkan.

Display tutup 90px dan lebih tinggi · semua jari-jari 114
Medium tutup 40–89 piksel · setiap sepertiga berbicara, melebar - 38 ditarik
Quiet di bawah batas 40px · tanpa penggemar, proporsi sebenarnya — header situs
Favicon Ikon 16 dan 32px · tanpa kipas, bilah melebar ke 17.5 sehingga mendarat di seluruh piksel

Keempatnya digambar di sini dengan ukuran yang sama sehingga perbedaannya terlihat. Masing-masing biasanya terlihat hanya pada ukuran pemotongannya.

Warna

Enam nilai yang membawa teks.

Setiap pasangan di bawah ini diukur terhadap WCAG 2.2. Tiga dari lima warna kit tidak mencapai 4.5:1 di atas Kertas sebagaimana dinyatakan — Stone Grey di 2.81:1, Portal Gold di 1.85:1 dan Mist di 1.10:1 — jadi masing-masing digunakan di tempat yang dilewatinya dan dihilangkan rona yang sama di tempat yang tidak dilewatinya. Pergantian pemain dicatat dalam sistem desain.

  • Deep Ink

    #0F1114

    Judul, tombol utama, latar gelap

    16.76:1 dan Paper

  • Paper

    #F3F1ED

    Halaman dasar

    16.76:1 dan Deep Ink

  • Portal Gold

    #C8B092

    Aksen hanya pada permukaan gelap

    9.08:1 dan Deep Ink

  • Bronze

    #7C5F3E

    Tautan dan tanda pada permukaan terang

    5.22:1 dan Paper

  • Graphite

    #4A4C4E

    Salinan badan

    7.65:1 dan Paper

  • Stone

    #6B6D6B

    Label mikro — netral paling ringan

    4.63:1 dan Paper

Perangkat

Empat perangkat, diambil dari sasaran.

Tandanya adalah objek yang presisi; halaman yang hanya memuatnya terbaca sebagai halaman dengan stiker di atasnya. Keempat perangkat ini adalah ukuran merek itu sendiri yang digunakan sebagai struktur halaman, sehingga identitas dan situs web tidak lagi menjadi dua objek yang kebetulan berbagi logo. Setiap IO Patina properti diambil dari kumpulan yang sama — lihat tema umum di tema/.

Perangkat 01 · Bar

Menandai setiap judul bagian. Elemen identitas yang paling mudah dikenali, di setiap halaman, berkali-kali, tanpa biaya.

Aturan 5px · tinggi penuh rel · warna aksen

dari batang unit 12.99

Konstruksi

Satu aturan, bukan dua bentuk.

Warna

Enam nilai yang membawa teks.

Perangkat 02 · Aturan berbicara

Satu per halaman, di batas utama halaman. Setiap pembagi lainnya tetap berupa garis rambut — aturan yang dibuat hanya akan mempertahankan bobotnya jika itu adalah satu-satunya.

nada 6px · tugas 50% · tinggi 10px · memudar ke kanan

dari nada kipas



Perangkat 03 · Logam

Sebuah permukaan, bukan sorotan. Satu per halaman, di belakang pahlawan atau pita gelap, tidak pernah di belakang teks yang harus dibaca.

bar wash sebagai tepi halaman 13px · ring wash dipukul dari kanan atas

dari gradien yang dipublikasikan

Perangkat 04 · Kekosongan di luar pusat

Tata letaknya meniru asimetri cincin: kolom teks lebih lebar dari kolom rekaman, dan potongan Tampilan keluar dari halaman.

kolom 1.35 / 1 · tanda melewati tepi kanan pada 16%

dari offset unit 2.53 dari kekosongan

Anggaran per halaman: satu permukaan logam, satu potongan tampilan tanda, satu pita gelap, dan aturan batang dan jari-jari sebanyak yang dimiliki konten. Melebihinya itulah yang mengubah identitas kembali menjadi hiasan.

Jenis huruf

Tiga wajah, dihosting sendiri.

Ketiganya dikirimkan dari domain ini sebagai subset woff2. Tidak ada apa pun di situs ini yang meminta font dari mana pun, itulah sebabnya kebijakan keamanan konten dapat melarang sumber pihak ketiga secara langsung.

Archivo Antarmuka, judul, dan isi

Ideas, carefully made.

Variabel, 100–900. Judul bagian, navigasi, tombol, dan semuanya dibaca sebagai teks berjalan. Juga sumber garis besar tanda kata tersebut.

Source Serif 4 Hanya tampilan

Ideas, carefully made.

Judul halaman dan pernyataan, 30–62px. Jangan pernah di bawah 26px, saat serif berhenti menjadi suara dan menjadi tekstur.

Martian Mono Label dan data

Ideas, carefully made.

Alis, catat baris, dan setiap digit di situs, sehingga apa pun yang diukur terbaca sebagaimana diukur.

File

File logo yang diterbitkan.

Masing-masing dihasilkan dari modul geometri yang sama dengan yang digunakan situs untuk menggambar headernya, sehingga file dan tanda langsung tidak boleh berbeda. Semuanya vektor.

Menggunakan tanda

Jaga ruang kosong

Biarkan setidaknya setengah diameter cincin bebas di setiap sisinya. File yang dipublikasikan sudah membawanya ke dalam viewBox, jadi menempatkannya dari ujung ke ujung sudah cukup.

Jangan menggambar ulang cincin sebagai lingkaran biasa

Bulan sabit yang mengalir ke kipas angin adalah tandanya. Cincin generik memiliki logo yang berbeda.

Jangan meregangkan, memutar, atau mewarnai ulang

Gunakan file yang diterbitkan. Tandanya lebih lebar daripada tingginya, dan penskalaan pada satu sumbu akan mematahkan lingkaran.

Di bawah tentang 56px, gunakan file ikon

Kipas tidak dapat menyelesaikan pada ukuran tersebut dan berubah menjadi kebisingan. Favicon dan ikon aplikasi sudah memiliki potongan yang tepat.

Izin