Komponen / Kolaborasi & domain
ProductMark
Logo produk Divistant (Divistant, BizOps, IntegraCI) untuk header sidebar dan brand AppHeader. SVG inline yang warnanya mengikuti palet merek produk (token brand/200, 400, 600).
Kapan dipakai
Gunakan
- Satu ProductMark per layar: di header sidebar, atau di AppHeader bila tidak ada sidebar.
- Pakai Size 24 dengan nama di header sidebar; 20 di header padat; 32/48 di layar masuk atau kosong.
- Biarkan warna mengikuti token merek — tanda otomatis menyesuaikan produk dan tema.
Hindari
- Jangan mewarnai ulang, memutar, atau meregangkan tanda.
- Jangan menampilkan logo di sidebar dan AppHeader sekaligus.
- Jangan memakai ProductMark sebagai ikon modul atau avatar perusahaan — pakai Avatar/CompanySwitcher.
Contoh benar & salah
BizOpsby Divistant
BizOpsby Divistant
Penulisan
- Tulis nama produk persis: "BizOps", "IntegraCI", "Divistant"; baris kedua "by Divistant".
Komponen terkait
- AppHeaderHeader aplikasi: pencarian global, notifikasi, pengalih perusahaan.
- NavListNavigasi sidebar ala macOS, gaya Symbol atau Tile (System Settings).
- SplitViewKerangka layar: sidebar kaca, isi, dan inspector opsional.
- CompanySwitcherBerpindah antar-perusahaan (Divistant, Dikstra) dalam satu aplikasi.