Logo & Maskot

Bahasa visual Forwork.

Forwork menggunakan sistem identitas sederhana yang dibangun berdasarkan kejelasan, kepercayaan, dan sinyal kerja yang mudah didekati.

Jelajahi mengapa Forwork ada Lihat Work Identity

logo

Tanda yang jelas untuk Work Identity yang jelas.

Logo Forwork memprioritaskan keterbacaan, pengenalan, dan penggunaan yang stabil di seluruh profil, footer, permukaan PWA, pratinjau OG, dan titik kontak kerja.

Permukaan ringan

Permukaan gelap

Tanda sadar tema

favicon

Tanda Forwork terkecil masih perlu dikenali secara instan.

Favicon dan ikon aplikasi muncul di tab browser, pintasan, permukaan PWA, layar beranda, dan konteks kecil di mana logo lengkap tidak lagi memiliki cukup ruang.

SVG bawaan

favicon.svg

Modus ringan

favicon-light.svg

Mode gelap

favicon-dark.svg

Apple touch

apple-touch-icon.png

PWA 192

pwa-192x192.png

Maskable 512

maskable-icon-512x512.png

Woan

Woan adalah panduan di dalam Forwork.

Woan membantu Forwork tidak lagi terasa seperti alat profil dingin dan lebih seperti ruang ramah di mana orang dapat menjelaskan pekerjaan mereka dengan jelas.

Identity

Membantu pemirsa mengenali siapa Anda dengan cepat.

Proof

Memandu pemirsa menuju bukti nyata.

Thinking

Membuat pemikiran praktis lebih mudah dilihat.

Contact

Membuat langkah selanjutnya terasa lebih jelas.

Warna

Warna digunakan untuk memandu perhatian, bukan menghiasi setiap permukaan.

Forwork Accent

#1800AD · #A99CFF dark

Tautan, tindakan utama, dan sorotan identitas.

Ink

#191919

Teks yang kuat, judul, dan jangkar yang mudah dibaca.

Paper

#FFFFFF

Permukaan membaca yang bersih, tenang, dan fokus.

Soft Surface

#F1F1EF

Tag, kartu, dan hierarki yang tenang seperti gagasan.

Tipografi

Tipografi Forwork harus terasa jelas, ringkas, dan mudah didekati.

Forwork menggunakan Manrope sebagai jenis huruf utama di seluruh halaman arahan, UI, dan salinan merek. Jika Manrope tidak dapat dimuat, font sistem menjaga pengalaman tetap cepat dan mudah dibaca.

Jenis huruf utama Manrope

Aa Bb Cc · 1234567890

Penggunaan

Menuju

Spasi huruf yang tebal, ringkas, dan sedikit rapat untuk kesan modern yang percaya diri.

Tubuh

Ketinggian garis yang mudah dibaca, nyaman, dan fokus pada kejelasan dibandingkan dekorasi.

Label kecil

Gunakan bobot yang cukup untuk metadata, tag, tombol, dan navigasi.

Penamaan

Penamaan harus konsisten dengan logo.

Forwork adalah nama resminya. 4Work dan 4W adalah bentuk singkatan untuk konteks ekosistem, UI yang ketat, atau referensi yang lebih kasual.

Nama resmi Forwork

Gunakan untuk laman landas, SEO, OG, judul, salinan merek, dan titik kontak resmi.

Nama ekosistem 4Work

Gunakan saat mengacu pada 4Tips, ProfileKit, atau produk yang termasuk dalam ekosistem yang sama.

Bentuk pendek 4W

Berfungsi untuk lencana, label pendek, menu ketat, atau konteks internal. Hindari menggunakannya sebagai judul utama SEO.

Gunakan

Forwork untuk konten resmi.

4Work untuk konteks ekosistem.

4W ketika ruang UI sangat sempit.

Hindari

ForWork karena kapitalisasinya salah.

FourWork karena itu melemahkan pengakuan.

4work kecuali dalam URLs atau kode.

Artinya

Setiap elemen visual mendukung satu gagasan: membuat pekerjaan lebih mudah dipahami.

Jelas

Tipografi, spasi, dan tata letak mengurangi dugaan.

Manusia

Woan menjadikan produk lebih ramah tanpa kehilangan profesionalisme.

Dapat dipercaya

Tanda yang konsisten dan warna yang terkendali membuat profil terasa stabil.

Terhubung

Forwork, 4Tips, dan ProfileKit termasuk dalam satu ekosistem yang terhubung.

Penggunaan

Gunakan identitas dengan ruang bernapas yang cukup.

Jangan meregangkan atau mewarnai ulang logo secara acak.

Gunakan Woan untuk menjelaskan, memandu, atau memperkenalkan ide produk.

Gunakan warna aksen dengan sengaja dan prioritaskan kejelasan daripada dekorasi.