Palet merek
Warna merek inti Apothem dan lima belas warna merek harness, yang didefinisikan di halaman Warna harness. Satu-satunya sumber kebenaran untuk warna inti adalah token desain kanonik di assets/design-tokens.css; situs mencerminkan nilai-nilai tersebut.
Palet inti
Palet kanonik — ramp netral slate, ramp aksen emerald, dan rona semantik —
dimiliki oleh token desain di
assets/design-tokens.css
(dan cerminnya assets/design-tokens.json). Tema situs di
site/app/global.css
menyatakan ulang nilai token semantik sebagai OKLCH dalam variabel CSS yang dikonsumsi
tema Fumadocs: variabel latar halaman, teks, primer, border, dan cincin fokus
mengarah tepat ke langkah token (pemeriksaan lib/theme-tokens.test.mjs mengikat
variabel latar, latar depan, primer, dan cincin ke langkah-langkah tersebut). Ramp
apothem-*, polygon-*, dan field-* yang dideklarasikan dalam file yang sama
adalah aproksimasi turunan dari ramp token, bukan salinan, dan bukan bagian dari
spesifikasi. Setiap nilai di bawah ini adalah satu langkah dari ramp slate atau
emerald dalam token desain; nama langkah seperti slate-600 merujuk pada nilai ramp
itu.
| Peran | Token (CSS) | Mode terang | Mode gelap | Penggunaan |
|---|---|---|---|---|
| Primer | --apothem-text | slate-900 #0f172a | slate-50 #f8fafc | Judul, teks navigasi, permukaan baca utama. |
| Aksen | --apothem-accent-text | emerald-700 #047857 | emerald-400 #34d399 | Tautan aktif, cincin fokus, navigasi terpilih. |
| Teks isi | --apothem-text-muted | slate-600 #475066 | slate-300 #c2ccda | Teks prosa default. |
| Latar isi | --apothem-surface | slate-50 #f8fafc | slate-900 #0f172a | Latar belakang default. |
| Latar navigasi | --apothem-surface-sunken | slate-100 #eef2f7 | slate-950 #080c15 | Pita header dan navigasi. |
Palet harness
Warna harness berada di Warna harness. Tanda
Apothem tidak membawa warna harness; heksagon, node pusat, dan node terminalnya
dijelaskan di bagian tanda pada
assets/DESIGN-SYSTEM.md.
Warna harness didefinisikan di halaman tersebut, bukan di token desain atau di
site/app/global.css,
yang hanya memuat palet inti.
Penggunaan dalam dokumentasi
Palet dihubungkan melalui lembar gaya global site/app/global.css, yang diimpor
oleh tata letak akar. Varian mode terang dan gelap beralih sesuai status kelas
.dark tema.
Pembaruan
Palet diperbarui hanya ketika warna inti bergeser (slate / emerald) atau sebuah
harness meratifikasi perubahan warna merek di hulu. Perubahan per-harness
merambat secara atomik melintasi Warna harness dan
setiap master SVG terdampak di bawah assets/src/.
Pedoman Merek
Disiplin penamaan merek Apothem, varian logo, palet warna, dan pedoman aset untuk penerapan merek yang konsisten.
Warna merek harness
Palet warna per harness yang digunakan di seluruh situs web proyek Apothem dan di setiap diagram arsitektur. Satu sumber kebenaran: satu warna per harness, satu hub apothem.