Logo Sararia

Sararia artinya “kalian semua” dalam bahasa Sunda. Logonya adalah sapu lidi: banyak lidi tipis yang diikat jadi satu. Banyak aplikasi kecil, satu ikatan, dibuat untuk kalian semua.

Tiga bagian, satu kalimat

1
Segitiga: satu ikatan
Siluet sapu lidi dari samping: sempit di ikatan, lebar di ujung penyapu. Seluruh Sararia dalam satu bentuk.
2
Pita ikat: yang menyatukan
Satu pita di dekat puncak. Satu orang yang membuat dan merawat semua aplikasi, jadi satu ikatan cukup. Pita ini sedikit melewati kedua sisi supaya terbaca melingkari ikatan.
3
Lima lidi: banyak aplikasi kecil
Satu lidi tipis. Bersama-sama, jangkauannya luas. Celah di antaranya sengaja tipis agar ikatan tetap terbaca sebagai satu.

Segitiga polos, satu ikatan simetris

Siluetnya segitiga sama sisi dengan proporsi seperti logo Vercel. Ikatannya berupa pita yang simetris, dan setiap celah antar lidi mengarah ke puncak, seolah semua lidi memang berasal dari satu titik.

Kotak acuan: 100 × 100
Puncak: 50, 18
Alas: y 79, setengah lebar 35,2
Sudut: masing-masing 60°
Ikatan: pusat y 35, tinggi 5,2
Ikatan melewati sisi: 3,2 di tiap sisi
Celah di sekitar ikatan: 1,5
Lidi: 5, celah 1,7
Versi favicon: 3 lidi, ikatan 37, tinggi 8

Puncaknya berupa potongan utuh di atas ikatan. Di bawahnya segitiga dipotong menjadi lima lidi oleh empat celah tipis, masing-masing mengarah ke puncak, sehingga celahnya menyebar merata. Karena semuanya simetris terhadap sumbu vertikal, logo tidak perlu koreksi optis agar terlihat di tengah.

Tinta dan putih, tidak ada lagi

Logo induk sengaja tidak berwarna supaya tidak bersaing dengan warna aplikasi mana pun. Warnanya tinta di atas latar terang dan putih di atas latar gelap.

Tinta

Logo dan wordmark di atas latar terang.

#1d1d1f

Putih

Logo dan wordmark di atas latar gelap; juga latar tile terang.

#ffffff

Putih redup

Favicon di tema browser gelap, saat putih murni terlalu keras.

#f5f5f7

Situs ini mengikuti aturan yang sama: netral dengan tinta dan putih saja, memakai Inter, huruf yang sama dengan wordmark.

Tiga tile dan satu lockup

Terang

Default: ikon aplikasi, cetak di atas putih.

Gelap

Mode gelap dan foto gelap.

Favicon

Tiga lidi dengan ikatan lebih tebal, untuk 16 sampai 32 px. Mengikuti tema terang atau gelap browser.

Lockup horizontal. Wordmark memakai Inter SemiBold dengan tracking −0,045 em, sudah diubah menjadi outline, jadi tidak butuh font. Tinggi segitiga sama dengan tinggi huruf kapital S, keduanya berada di baseline yang sama, dan jarak di antaranya 0,42 × tinggi huruf kapital.

Beri ruang tiga kali tinggi ikatan

Ruang kosong di sekeliling logo minimal tiga kali tinggi pita ikat (sekitar 15,6 pada kotak 100) di semua sisi. Tidak boleh ada teks, tepi foto, atau elemen lain di dalamnya.

64 px · 5 lidi

40 px · 5 lidi

32 px · 5 lidi

24 px · 3 lidi

16 px · 3 lidi

Logo lima lidi untuk ukuran 32 px ke atas. Di bawah itu celahnya menutup dan garisnya hilang; pakai versi favicon dengan tiga lidi.

Enam hal yang merusak logo

Mengubah jumlah lidi atau memindah ikatan. Jumlah dan proporsinya bagian dari gambarnya.

Meregangkan atau memiringkan. Skala selalu proporsional.

Memutar. Sapu berdiri di ujung penyapunya. Puncak tetap di atas.

Mengganti warna. Hanya tinta atau putih.

Menambah bayangan atau efek. Tanpa bayangan, gradasi, outline, atau glow.

Memakai logo lima lidi di bawah 32 px. Celahnya menutup. Pakai versi favicon.

Induk yang netral, aplikasi yang berwarna

Polanya sama dengan Apple: logo induk satu warna, sementara setiap aplikasi membawa warna brand-nya sendiri. Ikon aplikasi tidak memakai warna induk, dan induk tidak memakai warna mereka.