Ilustrasi

Rasi

Ilustrasi Patepang adalah satu keluarga 80 gambar dalam satu gaya, Rasi. Noktah guas adalah seseorang, dan tarikan tinta kuas dari satu noktah ke noktah lain adalah pertemuan. Selebihnya mengikuti dari keduanya.

Setiap gambar dilukis di kanvas 400 × 300, sekali, sebagai kode. Gambar untuk kertas terang dan gambar untuk kertas gelap dibaca dari lukisan yang sama, jadi bentuknya tidak bisa berbeda.

Pagi

Senja

Malam

Di bawah bulan

Empat gambar yang menyambut orang ke aplikasi adalah satu hari: pagi, senja, malam, dan HP di bawah bulan.

Tiga bahan

Tiga bahan, tidak lebih. Guas untuk noktah: badan, dua rona, dan ujung kuas yang mengering. Tinta kuas untuk garis: tekanan yang berubah, tarikan yang mengering. Cat air encer untuk sapuan.

Tidak ada garis tepi, gradasi, atau bayangan. Tekstur adalah bagian dari setiap bentuk.

Kosakata

Setiap gambar disusun dari kata-kata yang sama. Mengenalnya cukup untuk membaca gambar mana pun, dan untuk mengatakan apa yang harus ditunjukkan gambar baru.

sambungPertemuan

bekasSambungan yang memudar

cincinBelum ada

lingkarLingkaran orang

tutupTerkunci

hariWaktu yang berjalan

Enam dari kata-kata itu, masing-masing di gambar yang bertumpu padanya.

Kata	Arti
noktah	Seseorang. Noktah biru lembut selalu kamu; orang lain hijau hutan, amber, daun, atau biru muda.
sambung	Pertemuan: satu tarikan tinta dari noktah ke noktah. Tarikan yang mengering sebelum sampai berarti belum, tidak, atau gagal.
bekas	Jejak encer: sambungan lama, yang memudar, atau yang belum pasti.
cincin	Yang belum ada: cincin yang ditinggalkan kuas sebelum menutup. Kecil di tempat noktah, pesan, atau angka seharusnya ada; besar bila yang belum ada adalah isi sebuah tempat.
lingkar	Garis tipis tertutup yang mengelilingi sesuatu: lingkaran orang, sebuah tempat, orbit setahun.
tutup	Terkunci: cincin tebal yang tertutup penuh.
nyala	Sinar pendek di sekeliling noktah: lahir, kembali, atau selesai.
hari	Waktu yang berjalan: matahari di busur harinya. Busur di belakangnya sudah ditinta; di depannya masih sentuhan kuas.
riak, goyang	Suara dan panggilan; goyangan saat tempel.
manik	Pesan di antara dua noktah. Manik kosong: pesan yang belum ada.
hp	HP: balok tinta bersudut bulat. Akunmu tinggal di dalamnya.
palang	Batas yang tidak bisa dilewati, atau sapuan tinta yang menutupi sesuatu.
bingkai, sudut, kode	Kartu, foto, atau wadah; pembidik kamera; kode untuk dipindai.
surya, bulan, bintang	Hari ini; hari selesai; langit malam. Bintang hanya beberapa, dan hanya di langit.
jejak	Perjalanan, rencana, atau pencarian: deretan sentuhan kuas.
sapu	Satu tarikan kuas lebar yang basah. Langit adalah dua tarikan di belakang adegan, tanah satu tarikan di bawahnya, halaman beberapa tarikan berdampingan.
sapuan	Genangan cat encer: isi sebuah cincin, cahaya di sekitar noktah, air.
kabut, percik	Yang menutupi: luring. Yang gagal.

Aturan

Yang dijaga di seluruh keluarga

Sapuan punya arti: langit untuk adegan di luar, tanah untuk berpijak, halaman untuk yang ditulis, ruang untuk acara, cahaya hangat untuk yang hidup. Adegan tidak diberi langit hanya supaya kanvasnya terisi.
Orang selalu noktah. Tanpa wajah, tangan, atau badan.
Biru lembut hanya untuk kamu, sewarna ikon aplikasi. Dua noktah biru hanya muncul bila keduanya memang kamu: dua perangkatmu, cadanganmu.
Cincin punya tiga bentuk dan tiga arti: terbuka berarti belum ada, tipis dan tertutup berarti lingkaran yang mengelilingi sesuatu, tebal dan tertutup berarti terkunci.
Waktu adalah matahari. Tanpa jam, dan tanpa cincin yang terisi.
Aprikot hanya untuk momen.
Tanpa huruf dan angka, jadi gambar yang sama dipakai halaman berbahasa Indonesia dan Inggris.
Satu gagasan per gambar, dan tidak ada tanda yang terlalu kecil untuk terbaca pada 240 px.

Jangan

Menggambar gembok atau perisai: gambar tidak boleh menjanjikan keamanan lebih dari kata-kata di sampingnya.
Meminjam tanda antarmuka: centang, silang, jam, kaca pembesar, kursor teks, garis larangan. Itu bahasa ikon.
Mewarnai ulang gambar, memotongnya, atau menaruhnya di latar berwarna lain.
Membiarkan gambar membawa arti sendirian. Tiga gambar keadaan layanan selalu tampil bersama nama keadaannya.

Dua belas pigmen

Dua belas pigmen, semuanya warna yang sudah dipunyai produk atau campurannya. Masing-masing juga dipakai sedikit lebih muda dan lebih tua untuk sapuan guas.

Di kertas gelap gambar dibaca seperti lukisan di kertas hitam: pigmen yang pekat tetap, tinta menjadi gading, dan sapuan encer menjadi sapuan gelap.

Pigmen	Kertas terang	Kertas gelap	Melukis
`tinta`	`#18273A`	`#F2EFE8`	Garis, cincin, kode
`badan`	`#18273A`	`#3F4D62`	Massa tinta besar: HP, palang
`langit`	`#61A8DC`	`#61A8DC`	Kamu
`langit2`	`#A9CBEA`	`#3A6C9C`	Orang lain, bulan, bekas, kabut
`langit3`	`#DCE9F5`	`#1E3550`	Langit, halaman, isi cincin
`hutan`	`#1F5F4F`	`#2E7A66`	Orang lain
`daun`	`#5DA78B`	`#5DA78B`	Orang lain
`pupus`	`#CDE5DA`	`#24413A`	Tanah, lingkaran orang
`amber`	`#F0C468`	`#F0C468`	Orang lain, matahari, bulan, nyala
`amber2`	`#F8E3AE`	`#5A4A22`	Sapuan hangat: siang, kertas, cahaya
`aprikot`	`#E7956C`	`#E7956C`	Hanya momen
`bata`	`#A0461E`	`#C4673E`	Hanya momen: cincin kosong

Gambar yang sama di kertas terang dan di kertas gelap.

Ukuran

Gambar duduk di tengah kanvasnya, paling dekat 6 satuan dari tepi, tanpa apa pun di belakangnya.

Di aplikasi, keadaan sebuah layar selebar 200 sampai 240 px. Di halaman situs, 320 px. Paling kecil 120 px; di bawah itu, ikon yang bekerja.

Tidak ada gambar yang lebih sederhana untuk ukuran kecil: satu gambar dipakai di semua ukuran.

120 px: paling kecil

240 px: keadaan di aplikasi

320 px: halaman situs

Bagi yang tidak melihatnya

Di samping judul, gambar adalah hiasan: judul dan baris di bawahnya sudah mengatakan apa yang terjadi. Karena itu komponennya menyembunyikan gambar dari pembaca layar kecuali diberi label.

Bila gambar berdiri sendiri, kalimatnya sudah tersedia dalam bahasa Indonesia dan Inggris, ditulis bersama gambarnya. Galeri di bawah menampilkannya di bawah setiap gambar.

Semua gambar

Semua 80, dalam sepuluh kelompok keluarga ini, di kertas yang kamu pilih.

KertasKertas terangKertas gelap

Mulai

Selamat datangNoktah biru dan noktah hijau disambung satu tarikan tinta, di bawah matahari pagi; satu cincin kosong menunggu di kejauhan

Tanpa surel, tanpa nomor HPNoktah biru di dalam HP yang dilukis sebagai balok tinta; dua noktah lain tersambung langsung ke HP itu, di bawah bulan sabit

Nama panggilanNoktah biru di samping selembar halaman; di halaman itu satu baris tulisan tinta dengan garis di bawahnya, seperti nama yang baru ditulis

Buat PINNoktah biru di dalam cincin; di bawahnya empat tempat angka, tiga sudah terisi

Buka dengan biometrikLengkung-lengkung tinta bersusun seperti sidik jari, dengan noktah biru kecil di tengahnya

Wilayah rumahTiga sapuan pucat seperti pulau; noktah biru duduk di pulau yang dilingkari

Teman pertamaCincin kosong di kiri, noktah hijau di kanan, dan jejak sentuhan kuas di antara keduanya

Akun lahirTarikan tinta dari noktah hijau sampai ke sebuah cincin; di dalam cincin itu noktah biru kecil mulai menyala

Tempel

TempelDua noktah saling mendekat, belum bersentuhan; riak kecil di antara keduanya

PindaiPembidik kamera membingkai sebuah kode; noktah biru menunggu di sampingnya

Goyang bersamaDua noktah berdampingan dan bergoyang bersama; riak goyangan melebar dari kedua sisinya

TerhubungDua noktah sama besar bersentuhan tepat di satu titik

Tempel belum berhasilDua noktah; tarikan tinta di antara keduanya patah di tengah dan memercik

Tempel tertundaDua noktah disambung jejak yang masih encer; di atasnya matahari baru sepertiga jalan di busur harinya

Tempel ulangSambungan lama yang memudar ditarik ulang dengan tinta baru dari noktah biru

Izin tidak diberikanPembidik kamera yang hanya membingkai sebuah cincin tinta tertutup; noktah biru menunggu di luarnya

Orang

Belum ada koneksiNoktah biru sendirian; tiga cincin kosong menandai tempat orang yang belum ditemui

Koneksi memudarNoktah biru dan noktah yang warnanya memucat, disambung jejak yang encer

Tidak lagi terhubungDua noktah; tarikan tinta dari masing-masing berhenti sebelum bertemu

Ingin ketemu lagiGaris tinta tipis melengkung dari noktah biru ke noktah hijau, dengan satu bintang di puncaknya

Buku pertemuanTiga baris seperti halaman buku: dua noktah dengan garis tinta, dan satu cincin dengan garis yang masih encer

Ulang tahunNoktah hijau dengan satu lilin kecil di atasnya dan percikan warna di kedua sisinya

LokasiNoktah biru di ujung sebuah tangkai, berdiri di tanah dengan dua lingkaran di sekelilingnya

Perangkatnya berubahNoktah biru tersambung ke noktah hijau; di dekatnya ada cincin yang tidak pas, dan sekelompok kode kecil

Lingkaran, grup, dan acara

LingkaranNoktah biru di tengah sebuah lingkaran tinta; empat noktah lain duduk di lingkaran itu

Tanya lingkaranNoktah biru di tengah mengirim tiga tarikan tinta bermanik ke noktah-noktah di lingkarannya

GrupLima noktah saling tersambung membentuk satu gelang

Belum ada acaraSebuah lengkung tinta seperti pintu ruang yang masih kosong; noktah biru di luarnya

Hanya untuk anggotaTiga noktah di dalam lengkung yang pintunya dipalang; noktah biru di luar

Titik lahirNoktah hijau di ujung tangkai menandai sebuah tempat; di sekitarnya tiga cincin dengan noktah kecil yang baru lahir di dalamnya, satu di antaranya biru

Butuh 20 tempelDua puluh tempat dalam empat baris: tujuh sudah berisi noktah, sisanya masih cincin

Tidak ada apa-apa di tanggal iniDua baris tanggal sebagai sapuan pucat; satu dilingkari dan kosong, dua lainnya bertanda titik

Kabar dan momen

Belum ada kabar hari iniMatahari di atas satu garis tinta yang masih kosong; noktah biru duduk di ujung garis itu

Selesai untuk hari iniEmpat noktah duduk berjajar di satu garis; di ujung garis matahari separuh terbenam, dan bulan sabit sudah naik

Tulis kabarNoktah biru dan selembar halaman dengan tiga baris tulisan tinta; baris terakhir belum selesai dan ujungnya masih basah

JedaNoktah biru beristirahat di tanah, di bawah bulan sabit yang pucat

Sudah tidak tersediaSebuah sapuan pucat tempat sesuatu pernah ada, di bawah busur hari yang sudah ditinta penuh; matahari sudah tiba di ujungnya

Jadi momenDua noktah tersambung di bawah langit malam; di tengah sambungannya sebuah noktah aprikot menyala

Belum ada momenDua noktah tersambung; di tengah sambungannya baru ada cincin kosong

Setahun lalu hari iniLingkaran setahun dengan satu noktah aprikot di puncaknya; di tengahnya dua noktah kecil yang tersambung

Pesan dan rencana

Belum ada percakapanDua noktah; di antara keduanya tiga cincin kecil, tempat pesan yang belum ditulis

Percakapan terkunciTiga manik pesan di dalam cincin tinta yang tertutup penuh, di antara dua noktah

Belum ada mediaDua bingkai foto bertumpuk; bingkai depan masih kosong, hanya berisi satu cincin

SuaraNoktah biru dengan riak-riak tinta yang melebar ke arah noktah lain

PanggilanDua noktah saling mengirim riak yang hampir bertemu di tengah

Belum ada rencanaJejak sentuhan kuas dari dua noktah naik menuju satu cincin: tempat bertemu yang belum ditentukan

Menunggu dikirimManik pesan dari noktah biru berhenti di depan satu sapuan tegak; di atasnya matahari baru separuh jalan di busur harinya

DisembunyikanTiga noktah yang tengahnya ditutup satu sapuan tinta lebar

Akun

Belum ada yang baruNoktah biru besar dengan satu cincin kosong di bahunya, di bawah bulan sabit

Aplikasi terkunciNoktah biru di dalam cincin tinta yang tertutup penuh; di bawahnya empat tempat angka yang masih kosong

Kunci darurat aktifNoktah biru di dalam dua cincin tertutup; tarikan tinta dari tiga noktah lain berhenti sebelum sampai

PenjagaNoktah biru di tengah, tersambung ke tiga noktah kecil di sekelilingnya

Pulihkan akunDua noktah menarik tinta ke sebuah cincin; di dalam cincin itu noktah biru kecil kembali menyala, sementara matahari masih berjalan di busur harinya

Perangkat tertautDua HP yang dilukis sebagai balok tinta berdampingan, masing-masing berisi noktah biru yang sama, disambung satu tarikan tinta

Ekspor dataButir-butir turun dari noktah biru ke dalam sebuah mangkuk tinta yang sudah berisi tiga noktah kecil

PenyimpananSebuah bingkai lebar berisi beberapa noktah yang bertumpuk; satu noktah biru kecil sedang masuk dari atas

Batas dan pergi

Mode perjalananNoktah biru di puncak sebuah jejak yang melengkung; di tanah, tiga noktah kecil ditutup satu sapuan tinta

LaporanTiga manik pesan di antara dua noktah; dari manik yang tengah, jejak naik ke sebuah kartu berisi satu manik dan sebaris tulisan, di samping noktah ketiga

Akun sedang diblokirNoktah biru di depan sebuah palang tinta yang tegak; tarikan tintanya berhenti di palang itu, dan dua noktah lain ada di seberangnya

Keluar dari grupTiga noktah saling tersambung; noktah biru berdiri terpisah, dan tarikan tinta ke arahnya berhenti di tengah jalan

HP ini dicabutNoktah biru di kiri; di kanan HP yang dilukis sebagai balok tinta kini hanya berisi cincin kosong, dan tarikan tinta ke arahnya terputus

Akun dijadwalkan dihapusButir-butir tinta yang mengecil dari noktah biru menuju sebuah cincin pucat; di atasnya matahari sudah lewat separuh busur harinya

Akun sudah dihapusCincin kosong dan bekas biru yang tipis di tempat noktah biru pernah ada; tarikan tinta dari tiga noktah lain berhenti sebelum sampai

CadanganNoktah biru dan salinannya yang encer, sedikit bergeser di belakangnya

Keadaan umum

Masih kosongSatu cincin besar yang kosong, dan noktah biru kecil di luarnya

SelesaiNoktah biru menyala: sinar amber di sekelilingnya dan percikan warna di atasnya

MenyiapkanNoktah biru kecil di bawah busur hari; matahari sudah lewat separuh jalan

Tidak ada internetDua noktah; tarikan tinta di antara keduanya hilang di balik sapuan kabut

Gagal dimuatTarikan tinta dari noktah biru patah dan memercik sebelum sampai ke sebuah cincin

Tidak ada hasilJejak sentuhan kuas dari noktah biru berputar mencari, dan berakhir di satu cincin kosong

Belum tersediaDua noktah kecil di dalam cincin tinta yang tertutup penuh; tarikan tinta dari noktah biru berhenti sebelum sampai ke cincin itu

Versi ini belum bisa dipakaiJejak sentuhan kuas naik dari noktah biru ke sebuah cincin yang menyala di atasnya

Situs

Halaman ini tidak adaTiga noktah warna disambung tarikan tinta; tarikan terakhir mengering sebelum sampai ke cincin yang kosong

PemeliharaanSambungan antara dua noktah sedang ditarik ulang: separuhnya sudah tinta, sisanya masih bekas yang encer

Belum diluncurkanMatahari baru separuh terbit di atas satu garis; di langit, tiga cincin dan jejak encer menandai rasi yang belum menyala

Berjalan normalEmpat noktah tersambung penuh membentuk satu gelang, dengan matahari kecil di tengahnya

Sebagian tergangguEmpat noktah; tiga sambungannya utuh, satu lagi tinggal jejak encer dengan tarikan yang terputus

TerhentiEmpat noktah; semua sambungannya tinggal jejak encer, dan setiap tarikan tinta berhenti sebelum sampai

UnduhNoktah biru turun lewat jejak sentuhan kuas menuju HP yang dilukis sebagai balok tinta, tempat sebuah cincin menunggunya

BantuanNoktah biru separuh terendam ombak pucat; dari atas, noktah hijau menarik tinta sampai ke arahnya

Di kode

Di kode, satu gambar adalah satu impor, lewat namanya. Di situs ia mengikuti skema halaman dengan sendirinya; di aplikasi ia diberi tahu skemanya.

// patepang.com: follows the page's scheme through illustrations.css
import { NotFoundIllustration } from '@patepang/illustrations/react/NotFound';

<NotFoundIllustration />

// the app
import { OrangEmptyIllustration } from '@patepang/illustrations/native/OrangEmpty';

<OrangEmptyIllustration width={240} scheme={theme.scheme} />

Paketnya untuk produk Patepang sendiri; berkasnya tidak ditawarkan di sini.

Sebelum final

Versi 0.3 sedang diuji. Sebelum final:

Dipasang di aplikasi, yang keadaannya hari ini masih menggambar ikon besar.
Setiap gambar dilihat di HP sungguhan, dan kecepatan gambarnya diukur di HP Android sederhana.
Gambar mana untuk layar mana, yang masih usulan, disepakati.
Lisensinya, yang masih draf, ditinjau ahli hukum.

Gambarnya tidak bergerak, dan belum ada versi cermin untuk tulisan kanan ke kiri.