Merek NODQ

Identitas visual, sistem desain, dan materi untuk digunakan.

Panduan merekDiperbarui 9 Oktober 2026

NODQ

Geometri presisiGaris tepi persegi, sudut serong, jarak yang rata.

Aksen hangatOranye hanya menempati sebagian kecil layar, untuk hal utama saja.

Gerakan yang mudah dipahamiSatu tindakan — satu perubahan singkat.

Karakter merek

Presisi teknologi, permukaan yang tenang, dan satu aksen hangat. Di bawah ini adalah prinsip gaya yang dapat diamati, bukan penafsiran simbol.

GeometriGaris persegi dengan sudut membulat — ruang dan batas akses.

MateriGrafit matte dan satu sisi berwarna ambar.

TipografiKata besar yang jelas dan penjelasan yang sederhana.

GerakanSebab → perubahan → hasil.

Logo

Komposisi situs saat ini: simbol dan tulisan NODQ. Berkas vektor asli yang disetujui belum dipublikasikan, sehingga unduhan logo tidak tersedia.

NODQ

Komposisi utama · simbol + NODQ

Simbol · status sebagai aset mandiri belum disetujui

Ukuran kecil · 32 / 24 / 16 px — pemeriksaan keterbacaan

Pola kotak-kotak hanya latar pratinjau. Versi monokrom dan favicon tidak ditampilkan: berkas sumber tidak tersedia.

Area amanUsulan, bukan standar yang berlaku: x = ¼ tinggi simbol, ruang bebas ≥ 1x di semua sisi.

Ukuran minimumKandidat untuk diperiksa: komposisi dengan lebar mulai 120 px, simbol mulai 24 px. Favicon 16/32/48 px adalah aset terpisah yang memerlukan pemeriksaan.Usulan · memerlukan persetujuan

Jangan seperti ini

✕ Jangan regangkan

✕ Jangan putar

✕ Jangan ubah warna

✕ Tanpa bayangan tambahan

Objek tiga dimensi di beranda merupakan aset dekoratif; logo datar digunakan jika diperlukan simbol yang dapat direproduksi.

Warna

Nilainya sesuai dengan token situs dan berkas nodq-tokens.css / .json.

Oranye NODQ Aksen utama dan tombol tindakan #F7931A · RGB 247, 147, 26

Latar dalam Latar gelap #0A0C0B · RGB 10, 12, 11

Graphite Panel #151917 · RGB 21, 25, 23

Grafit timbul Permukaan bertingkat #202622 · RGB 32, 38, 34

Putih hangat Latar terang / teks di atas gelap #F5F4F0 · RGB 245, 244, 240

Ink Teks gelap dan tulisan di atas oranye #121613 · RGB 18, 22, 19

Tombol tindakan saat disorot kursor#FFAA33

Tombol tindakan ditekan#E3810C

Kilau (grafis)#FFBD59

Sisi bayangan (grafis)#D96800

Teks sekunder · tema gelap#B6BCB7

Teks sekunder · tema terang#59625B

Tautan · tema terang#9A4A00

Berhasil#8DD6AB / #166B40

Peringatan#FFD08A / #875000

Kesalahan#FF9B92 / #B7342A

Aksen / dipilih✓ Berhasil! Peringatan✕ Kesalahan Teks utama · sekunder · tautan Fokus keyboard

Kontras pasangan: #121613 di atas #F7931A ≈ 7,95:1 · #F5F4F0 di atas #0A0C0B ≈ 17,8:1 · #9A4A00 di atas #F5F4F0 ≈ 5,7:1. Teks putih kecil tidak digunakan di atas warna oranye. CMYK/Pantone belum dipublikasikan.

Tipografi

Onest 400/500/600/700 dan JetBrains Mono untuk alamat dan keterangan. Nilainya adalah gaya situs yang sebenarnya.

Aa Bb 0123Onest · 400 / 500 / 600 / 700 · Sirilik dan LatinNormalSedangSemitebalTebal

Teks sendiri

H1clamp(34px, 4.4vw, 58px) · 700 · 1.05 · -0.035em Люди. Агенты. Одна сеть.

H2clamp(26px, 2.8vw, 38px) · 600 · 1.12 · -0.025em Правила для расходов агента

Lead17–20px · 500 · 1.4 · -0.01em Сеть для приложений, AI-сервисов и расчётов.

Body16–17px · 400 · 1.6 · 0 Агент работает в пределах бюджета, получателей и срока.

Caption13–14px · 400 · 1.45 · 0 Демонстрация · данные-образцы

Label (monospasi)11px · 400 · 1.3 · 0.08em Заказ #A-1042

Kode / Alamat13–14px · 400 · 1.5 · 0 0x3f2c…a91e · 40,8021 NODQ

Kisi dan ukuran

Tampilkan kisi pada contoh

BagianJudul bagianTeks memiliki lebar 60–75 karakter per baris.

Kontainermax-width 1360px

Margin sampingclamp(20px, 4.5vw, 72px)

Jarak antarbagianclamp(48px, 6vw, 104px)

Jarak kisi8 · 12 · 16 · 20 · 24 · 32 px

Radius sudutkolom 8 · tombol 10 · kartu 12–16 · label 999

Garispemisah 1 px · diagram 1.5 px

Fokusgaris tepi 2 px + pendar

Bayanganhanya menu dan jendela produk

Komponen

Contoh status statis dan satu contoh formulir lokal — permintaan tidak dikirim ke mana pun.

Tombol

Utama Saat disorot kursor Ditekan Sekunder Tidak tersedia

Tab dan label

DipilihNormal

DemonstrasiSedang dirancangDokumen sedang disiapkanTersedia

Kolom dan kesalahan EmailPetunjuk di bawah kolom

Ikon dan grafis

Ikon garis Lucide 1.5–2 px pada kisi 16 / 20 / 24 px dan bahasa visual bersama untuk produk.

file-textreceiptmessages-squareusersfoldersearchplugflag

Jangan mencampur set garis, isian, dan tiga dimensi.

Ruang

Agen

Wewenang

Penyelesaian pembayaran

Gerakan

Satu contoh dalam satu waktu. Kurva cubic-bezier(0.2, 0.8, 0.2, 1). Jika pengaturan sistem “kurangi gerakan” aktif, bingkai akhir ditampilkan.

Tombol / tab 180 md · arahkan kursor, pilih

Perubahan status 350 md · status baru

Jalur khas merek 1000 md · satu tindakan

Tanpa identitas merek pelangi, kursor khusus, pengambilalihan gulir, judul yang diketik huruf demi huruf, atau animasi jumlah acak.

Contoh penggunaan

Aturan yang sama pada halaman situs sebenarnya.

Tampilan awal situs →Adegan gelap, objek khas merek, tombol tindakan oranye Panel Agent Wallet →Pemeriksaan aturan, status semantik Ruang kerja IZIGRAM →Dokumen terang, area akses terpilih

Sampul presentasi, kartu pengumuman, dan penempatan bersama mitra tidak ditampilkan: belum ada materi yang disetujui.

Unduh materi

Hanya berkas yang sudah ada yang dipublikasikan. Paket ZIP gabungan belum dibuat.

Token · CSSWarna, font, kontainer, kurva gerakan · CSS · teks · 9 Okt 2026Unduh

Token · JSONKumpulan nilai yang sama untuk aplikasi · JSON · teks · 9 Okt 2026Unduh

Aturan singkatIsi dan cara penggunaan · TXT · teks · 9 Okt 2026Unduh

Logo SVGTidak ada berkas sumber yang disetujuiDokumen sedang disiapkan

Logo PNG (terang / gelap)Tidak ada berkas sumber yang disetujuiDokumen sedang disiapkan

Paket merek ZIPTidak ada berkas sumber yang disetujuiDokumen sedang disiapkan

Versi dan masukan

v0.19 Okt 2026 · publikasi panduan pertama: palet, tipografi, komponen, token. Draf.

Pertanyaan penggunaan merekMelalui halaman “Kontak”