DANANSOR / PEDOMAN IDENTITAS PRODUKREBRAND · 27.10.2026

Danansor / Master brand guideline

Khidmah
jadi daya.

Berakar dalam nilai.
Bergerak memberi arti.

Panduan untuk menjaga satu karakter,
dari cerita merek hingga pengalaman anggota.

Revisi v0.3 · 27 Oktober 2026
Nama platform: Danansor.
Arah visual produk untuk ditinjau.

Berakar. Bergerak. Bersama.15 BAB / IDENTITAS & WEB KIT

01 / Fondasi merek

Sahabat Penggerak.

Dekat dengan keseharian, tertib dalam tanggung jawab, dan terbuka pada pembaruan.

Membuat kontribusi lebih jelas untuk dijalankan. Anggota memahami tujuan, langkah berikutnya, dan posisi catatannya.

Nama platform

Danansor

Satu kata. Satu identitas.

Nama dalam tulisan

Danansor — huruf D kapital, tanpa spasi. Gunakan bentuk ini pada kalimat, menu, judul halaman, dan dokumen.

Nama dalam wordmark

DANANSOR — satu baris utuh dengan titik magenta sebagai aksen visual. Titik bukan bagian dari ejaan nama.

Deskripsi singkat

Ruang kontribusi dan khidmah anggota.

Hubungan merek

Danansor adalah nama platform. GP Ansor tetap nama organisasi. “Khidmah jadi daya.” tetap menjadi gagasan merek.

Gunakan

Danansor · Masuk ke Danansor · Catatan iuran | Danansor

Hindari

Dana Ansor · DanAnsor · Danansor Fund · pemenggalan DAN / ANSOR

Dalam materi transisi, gunakan “Danansor, sebelumnya Ansor Fund” pada penyebutan pertama bila membantu pembaca. Selanjutnya cukup “Danansor”. Nama lama hanya untuk konteks transisi atau arsip.

Barisan

Susunan editorial berirama. Bagian dan catatan saling terhubung.

Amanah

Angka, status, dan pemilik tindakan selalu jelas.

Khidmah

Bahasa bersahabat. Manusia hadir sebagai pelaku yang setara.

Daya

Tipografi kokoh dan aksen tajam, dengan suasana tenang saat bekerja.

Persona ini meneruskan interpretasi desain dalam master v0.2. Janji pengalaman adalah arah desain; bukan pernyataan bahwa tata kelola telah diaudit.

02 / Identitas & wordmark

Nama yang jelas.
Ruang untuk bernapas.

Wordmark menempatkan nama produk sebagai identitas utama. Gunakan aset SVG asli agar proporsinya terjaga.

Primer inverse / satu nama utuh

Primer / bidang terang

Ruang bebas: minimum 1x

x = setengah tinggi kapital “DANANSOR”. Beri jarak di semua sisi; titik aksen tidak dihitung dalam x. Diagram bersifat skematis.

Ukuran minimum

Arah awal: lebar aset minimum 128 px digital atau 34 mm cetak, termasuk ruang bebas. Uji pada ukuran sebenarnya; gunakan ikon D untuk ruang yang lebih kecil.

Versi satu warna

Gunakan hijau, putih, atau hitam pada seluruh elemen. Pertahankan kontras terhadap latar.

✓

Gunakan wordmark primer di permukaan terang dan inverse di bidang hijau.

Hindari distorsi, rotasi, bayangan, penggantian huruf, serta tekstur di dalam huruf.

Wordmark Danansor meneruskan Source Sans 3 Black (900), bentuk bersih, dan titik magenta. Nama selalu utuh dalam satu baris; tidak ada versi dua baris. Aset visual v0.3 merupakan revisi untuk ditinjau. Penggunaan lambang resmi dan hubungan endorsement GP Ansor mengikuti aset serta ketentuan organisasi yang valid.

03 / Sistem warna

Hijau sebagai jangkar.
Magenta sebagai tenaga.

Warna memiliki peran. Klik swatch untuk menyalin HEX; gunakan token semantik tersendiri untuk status.

60% netral25% hijau / tinta10% sorotan5% aksen

Proporsi adalah arah awal untuk layar kerja, bukan komposisi wajib. Magenta Gerak digunakan untuk aksen grafis; pilih Magenta Teks untuk tulisan kecil di atas gading.

04 / Tipografi

Kokoh saat bercerita.
Jernih saat bekerja.

Bitter membawa karakter editorial. Source Sans 3 menjaga isi, angka, dan kontrol tetap mudah dibaca.

Bitter / 700 · 800

Khidmah
yang terasa.

Judul dengan karakter kuat.
Tekstur hanya untuk artwork besar.

Source Sans 3 / 400 · 600 · 700

Catatan jelas.
Langkah berikutnya pasti.

Isi utama menggunakan 16 px dengan tinggi baris 24 px.

Rp150.000
0123456789

Spesimen angka · gunakan tabular-nums.
Nominal ini hanya contoh.

Skala ukuran / tinggi baris, dalam px
Peran	Huruf	Desktop	Mobile
Hero	Bitter 800	56 / 60	32 / 36
Judul halaman	Bitter 700	32 / 40	28 / 36
Judul bagian	Bitter 700	24 / 32	22 / 28
Isi utama	Source 400	16 / 24	16 / 24
Tombol / label	Source 600	14 / 20	14 / 20
Keterangan	Source 400	14 / 20	14 / 20
Label pendek	Source 700	12 / 16	12 / 16

Ukuran ini adalah skala antarmuka produk. Sampul editorial dapat memakai komposisi berbeda. Label 12 px hanya untuk teks pendek nonkritis; instruksi, status, dan nominal tetap terbaca.

05 / Tata bahasa visual

Tiga elemen.
Satu ritme.

Identitas tetap terasa saat ilustrasi tidak hadir. Bentuk memberi arah, garis menata, tekstur memberi karakter.

GERAK18° dari vertikal

01 / Bidang gerak

Potongan diagonal pada panel editorial atau tepi ilustrasi. Input, angka, dan tombol tetap tegak. Contoh bidang di atas bersifat skematis.

Iuran anggotaRp50.000

Oktober – Desember

Contoh catatan01

02 / Garis catatan

Pemisah 1 px dan garis bagian 3 px membentuk ritme pencatatan yang tertib.

DAYA

03 / Jejak cukil

Arsiran mengikuti bidang. Maksimum 8% opacity di area dekoratif UI; bersihkan latar informasi penting.

Satu arah diagonal utama per layar, maksimum dua potongan aksen. Ikon fungsional memakai grid 24 px dan stroke 1,75 px, tanpa efek cukil.

06 / Art direction

Manusia bekerja.
Nilai menjadi tindakan.

Cukil kayu dengan bidang tinta tegas, goresan pahat berarah, silang arsiran, dan jejak cetak. Hijau serta gading menjadi jangkar; wajah dan tindakan tetap terbaca.

Keterampilan santri, layanan kesehatan, pertanian dan peternakan kambing, pembudidaya ikan berpeci, usaha warga, serta dapur bantuan. Panji NU ditempatkan di atas ruang belajar. — Belajar. Merawat. Menumbuhkan. Menguatkan. Membantu.

Subjek yang setara

Tampilkan orang mengambil peran. Jaga wajah, tangan, dan objek tindakan saat melakukan crop; siapkan komposisi ponsel.

Jujur pada konteks

Labeli ilustrasi konseptual. Foto kegiatan nyata memerlukan sumber, izin penggunaan, dan keterangan yang benar.

06.1 / Konsep visual tambahan

Cukil kayu monokrom.
Satu tinta, banyak daya.

Dalam konsep gabungan, cukil kayu memberi kedalaman manusiawi pada struktur pita yang tertib. Bentuk dibangun dari bidang tinta, guratan pahat berarah, dan ruang kosong; bukan gradasi fotografis. Gunakan satu warna tinta per ilustrasi: hijau Khidmah pada gading, atau gading pada hijau Khidmah.

Bidang terang · tinta #073F30 pada #F6F3E8.

Bidang gelap · tinta #F6F3E8 pada #073F30.

Guratan & komposisi

Pertahankan tepi cetak yang organik, siluet yang jelas, serta guratan halus dengan arah mengikuti bentuk. Sisakan ruang tenang bagi judul. Hindari efek 3D, bayangan realistis, guratan terlalu rapat, dan campuran magenta di dalam pelat monokrom.

Peran di dalam antarmuka

Gunakan pada pembuka, narasi manfaat, atau pemisah bagian. Untuk latar, mulai dari opasitas 6% pada lapisan ilustrasi saja; teks dan kontrol tetap 100%. Letakkan tabel, formulir, angka transaksi, dan status pada bidang bersih.

Terang, gelap & layar kecil

Balik warna tinta saat bidang berubah gelap. Pangkas dari sisi yang tidak memotong wajah, tangan, atau tindakan utama; pada ponsel, pindahkan ilustrasi ke atas atau bawah narasi bila ruang kosong tidak cukup. Periksa keterbacaan pada ukuran akhir.

Aset & penggunaan

Contoh memakai ilustrasi cukil kayu dengan lambang GP Ansor di tengah, edisi 21 Oktober 2026. Ilustrasi ini konseptual, bukan dokumentasi kegiatan. Pelat transparan dapat diberi satu warna melalui CSS mask; logo dan wordmark tetap mengikuti aturan identitas.

07 / Komposisi antarmuka

Konsep Gabungan.
Satu urusan, satu bidang.

Konsep gabungan menyatukan struktur pita yang ringkas, tipografi editorial, dan ilustrasi cukil kayu monokrom. Klik header pita untuk mencoba; ringkasan selalu terlihat dan beberapa pita boleh terbuka bersama.

SPESIMEN UI
DATA CONTOH

Oktober – Desember 2026

Rp50.000

Nominal ilustratif, bukan tarif resmi.

Berakar.
Bergerak.

Tugas mendahului ilustrasi.
Satu tindakan utama dalam satu konteks.

12 / 8 / 4 kolom

Desktop / tablet / mobile. Lebar isi maksimum 1280 px; gutter 24 / 24 / 16 px.

32 / 24 / 16 px

Margin desktop / tablet / mobile. Ritme spasi berbasis 4 px.

Ringkasan menetap

Di ponsel, judul dan ringkasan menjadi dua baris. Catatan tetap berupa baris.

08 / Komponen & status

Karakter pada struktur.
Kejelasan pada kontrol.

Kontrol setinggi 48 px, radius 4 px, dialog 8 px. Bedakan status berdasarkan kejadian, bukan kesan warna.

Tindakan yang terbaca

Spesimen tombol. Coba Tab untuk melihat fokus. Saat memuat, label serta lebar tombol dipertahankan.

Label tetap terlihat

Referensi pembayaran

Referensi belum diisi. Ini contoh tampilan kesalahan.

Input hanya untuk mencoba spesimen; tidak disimpan atau dikirim.

◷ Menunggu pencocokan

Informasi diterima. Penerimaan belum dibukukan.

Langkah: pengelola

! Perlu perbaikan

Sebut bagian yang perlu diperbaiki dan alasannya.

Langkah: anggota

✓ Kas tercatat

Penerimaan sudah dibukukan. Alokasi merupakan kejadian berikutnya.

Langkah: pengelola

i Informasi

Jelaskan konteks dan tindakan yang tersedia tanpa memberi kesan berhasil.

Token informasional

Label + ikon atau bentuk + warna. Konfirmasi → pencocokan → pembukuan adalah tahapan berbeda. Aksen magenta tidak berarti gagal, mendesak, atau sudah dibayar.

09 / Suara & bahasa

Hangat saat menyapa.
Tepat saat menjelaskan.

Tulis nama platform sebagai “Danansor”. Gunakan “Sahabat” secara wajar. Untuk transaksi, sebut tindakan, objek, status, dan pemilik langkah berikutnya.

Sapaan

Selamat datang di Danansor, Sahabat.

Mulai dari iuran dan catatan Anda.

Sapaan cukup sekali per halaman. Isi kontrol tetap ringkas.

Tindakan

Lihat rincian iuran

Kata kerja + objek.

Bedakan melihat informasi, mengirim konfirmasi, dan memindahkan dana.

Dalam proses

Konfirmasi diterima.

Pengelola akan mencocokkan informasi pembayaran.

Jelaskan siapa yang bekerja berikutnya. Jangan menyebut “pembayaran berhasil” pada tahap ini.

Kendala

Berkas belum dapat dikirim.

Coba lagi.

Sebut langkah pemulihan. Janji bahwa data tetap tersimpan hanya digunakan jika perilakunya telah terverifikasi.

Hindari urgensi palsu, rasa bersalah, jargon tanpa penjelasan, dan janji hasil. Klaim privasi harus sesuai batas akses yang benar-benar diterapkan.

10 / Aksesibilitas & gerak

Karakter harus
tetap terbaca.

Target dalam master: WCAG 2.2 AA. Rasio berikut dihitung dari pasangan warna solid; bukan sertifikasi seluruh antarmuka.

Hijau / gadingTeks10.72:1Sesuai target

Teks sekunder / gadingTeks5.66:1Sesuai target

Hijau / limeTeks8.69:1Sesuai target

Magenta teks / gadingTeks5.86:1Sesuai target

Magenta gerak / gadingAksen4.03:1Hindari teks kecil

Border kontrol / putihKontrol4.03:1Sesuai target

Terbaca

Teks normal ≥4,5:1; teks besar ≥3:1. Elemen kontrol yang diperlukan untuk mengenalinya ≥3:1.

Terjangkau

Standar produk: target sentuh minimum 44 × 44 px. Fokus 3 px dengan offset 3 px; uji keyboard dan lebar 320 px.

Tenang

Respons kontrol 120 ms, panel 180 ms. Hormati reduced-motion; hindari gerak dekoratif terus-menerus.

Border #D6DDCF hanya untuk pemisah dekoratif. Gunakan #73836F untuk batas input. Pada bidang hijau, fokus memerlukan ring terang atau celah terang yang cukup.

11 / Bank ikon

Satu garis.
Banyak kegunaan.

60 ikon SVG: 48 dari aplikasi dan 12 tambahan untuk web kit. Cari, pilih, ubah ukuran pratinjau, lalu salin atau unduh.

Cari ikon

Kategori

Ukuran

24 × 24

Grid utama. Gunakan ukuran 16–20 px untuk aksi rapat, 24–32 px untuk konteks layanan.

Stroke 1,75 px

Ujung membulat, tanpa tekstur cukil. Ikon tetap bersih pada ukuran kecil.

currentColor

Warna mengikuti teks atau status. Lambang organisasi tidak digunakan sebagai ikon fungsi.

12 / Favicon & app icons

Terbaca bahkan
dalam satu tab.

Usulan favicon produk: huruf D yang kokoh dan titik magenta dari wordmark. Bentuk disederhanakan untuk layar kecil.

Danansor ×

16 px

32 px

64 px

Satu tanda kecil.
Tetap Danansor.

Identitas produk · bukan lambang organisasi.
Preview inverse tidak menetapkan tema gelap aplikasi.

<link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="apple-touch-icon.png" sizes="180x180">
<link rel="manifest" href="site.webmanifest">
<meta name="theme-color" content="#073F30">

Sesuaikan lokasi aset dan scope manifest dengan jalur aplikasi. Manifest menyediakan metadata; perilaku instalasi, jaringan, dan offline perlu diterapkan serta diuji tersendiri. Rujukan: MDN: icon dan manifest icons.

13 / Fondasi web

Dari keputusan visual
ke nilai yang konsisten.

Token mengikuti master Danansor v0.3; nilai warna, tipografi, dan spasi meneruskan v0.2. Tambahan kit menerjemahkannya menjadi CSS, aset, dan struktur komponen yang bisa dipakai ulang.

Kontrak layout
Viewport	Kolom	Margin	Gutter
≥1024 px	12	32 px	24 px
768–1023 px	8	24 px	24 px
≤767 px	4	16 px	16 px

4px

8px

12px

16px

24px

32px

48px

64px

--af-layout-max1280pxLebar isi maksimum

--af-radius-control4pxTombol dan input

--af-radius-dialog8pxDialog

--af-control-height48pxTinggi kontrol

--af-focus-width3pxRing fokus, offset 3px

--af-duration-control120msUmpan balik kontrol

--af-duration-panel180msTransisi panel

@import url('./brand-tokens.css');

.af-container {
  width: calc(100% - 2 * var(--af-layout-margin));
  max-width: var(--af-layout-max);
  margin-inline: auto;
}
.af-button {
  min-height: var(--af-control-height);
  border-radius: var(--af-radius-control);
  background: var(--af-color-brand-primary);
  color: var(--af-color-text-inverse);
}

Ilustrasi memakai tekstur cukil kayu yang kuat. Formulir, angka, tabel, dan ikon fungsional memakai latar bersih. Fondasi v0.3 belum menetapkan dark mode; warna status tetap memiliki makna masing-masing.

14 / Web design & development

Spesifikasi yang
bisa langsung dicoba.

Web kit berisi contoh HTML/CSS, font lokal, sprite ikon, metadata, dan aset favicon. Coba kontrak interaksi sebelum menghubungkannya ke data aplikasi.

Ikon + label

Ikon dekoratif disembunyikan dari pembaca layar. Nama tombol berasal dari label tindakan.

Formulir

Label terlihat, bantuan terhubung lewat aria-describedby, kesalahan menyebut bidang dan langkah pemulihan.

Dialog & fokus

Fokus masuk ke dialog, Escape menutup, lalu fokus kembali ke pemicu. Gunakan dialog native.

Spesimen dialog

Rincian di tempat yang tepat.

Contoh interaksi lokal, tanpa transaksi.

<button class="af-button" type="button">
  <svg class="af-icon" width="24" height="24"
       aria-hidden="true" focusable="false">
    <use href="icons.svg#icon-bank"></use>
  </svg>
  Lihat rekening
</button>

Interaksi

Tentukan default, hover, focus, disabled, loading, error, success, dan empty. Label “terkirim” berbeda dari “sudah dibukukan”.

Gambar & font

Tetapkan width/height agar tata letak stabil; gambar di bawah layar boleh lazy-load. Gunakan WOFF2 lokal, fallback font, dan lisensi yang disertakan.

Metadata

Isi judul dan deskripsi yang sesuai halaman. URL canonical dan Open Graph menggunakan URL deployment yang benar, bukan alamat contoh.

Responsif & akses

Periksa 320, 390, 768, 1024, dan 1440 px; navigasi keyboard, zoom teks 200%, kontras, dialog, dan reduced-motion.

web-kit/
  index.html                 # contoh lokal yang dapat dibuka
  brand-tokens.css / .json    # nilai fondasi
  components.css             # kelas af- dan responsif
  icons.svg / icons.json     # sprite dan katalog
  icons/                     # 60 SVG individual
  wordmark-horizontal-*.svg   # Danansor satu baris
  favicon.svg / .ico          # favicon D
  apple-touch-icon.png       # 180 px
  icon-192.png / icon-512.png
  icon-maskable-512.png
  site.webmanifest
  head-snippet.html / icon-helper.js
  fonts/                     # WOFF2 + lisensi OFL
  README.txt

Contoh native dialog mengikuti pola dialog WAI-ARIA. Kit adalah fondasi implementasi yang terpisah; integrasi routing, otorisasi, data, serta proses pembayaran mengikuti aplikasi.

15 / Aset & sumber

Satu sumber nilai.
Satu karakter bersama.

Unduh aset yang ditanam di halaman ini. Semua contoh dapat dibaca offline, tanpa font atau gambar dari layanan eksternal.

Revisi master / 27 Oktober 2026

Danansor — Master Brand Guideline v0.3 menjadi acuan identitas platform. Nama Danansor mengikuti arahan pemilik pada 27 Oktober 2026; bentuk wordmark, favicon D, dan aturan pemakaiannya adalah revisi visual untuk ditinjau.

Fondasi berasal dari Ansor Fund — Master Brand Guideline v0.2 (19 Oktober 2026), pedoman HTML Konsep Gabungan (20 Oktober 2026), serta ilustrasi ANSOR di tengah (21 Oktober 2026). Palet, Bitter, Source Sans 3, struktur pita, dan bahasa cukil kayu diteruskan. Tulisan ANSOR dalam ilustrasi merujuk pada organisasi, bukan nama platform.

Nama, wordmark, favicon, contoh metadata, dan web kit diselaraskan dalam edisi ini. Materi lama disimpan sebagai arsip. Penerapan nama di aplikasi, dokumen operasional, domain, dan kanal publik adalah tahap berikutnya. Namespace teknis af- dan --af- dipertahankan dalam kit agar contoh komponen tetap kompatibel.

Spesimen UI memakai data contoh. Font: Bitter dan Source Sans 3, SIL Open Font License 1.1. Ilustrasi dan lambang organisasi mengikuti aset sumber yang sudah ada. Revisi nama platform tidak menetapkan pengesahan organisasi, layanan baru, atau kesiapan operasional. Catatan sumber dan hash aset tersedia dalam paket pendamping.

Lisensi Bitter

Copyright 2011 The Bitter Project Authors (https://github.com/solmatas/BitterPro)
with Reserved Font Name "Bitter Pro".

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://openfontlicense.org


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded, 
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

Lisensi Source Sans 3

This Font Software is licensed under the SIL Open Font License, Version 1.1.

This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL

-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

Danansor

Berakar dalam nilai.
Bergerak memberi arti.

Kembali ke awal ↑

Sahabat Penggerak.

Danansor.

Barisan

Amanah

Khidmah

Daya

Nama yang jelas.Ruang untuk bernapas.

Hijau sebagai jangkar.Magenta sebagai tenaga.

Kokoh saat bercerita.Jernih saat bekerja.

Khidmahyang terasa.

Catatan jelas.Langkah berikutnya pasti.

Tiga elemen.Satu ritme.

Manusia bekerja.Nilai menjadi tindakan.

Subjek yang setara

Jujur pada konteks

Cukil kayu monokrom.Satu tinta, banyak daya.

Guratan & komposisi

Peran di dalam antarmuka

Terang, gelap & layar kecil

Aset & penggunaan

Konsep Gabungan.Satu urusan, satu bidang.

Berakar.Bergerak.

12 / 8 / 4 kolom

32 / 24 / 16 px

Ringkasan menetap

Karakter pada struktur.Kejelasan pada kontrol.

Tindakan yang terbaca

Label tetap terlihat

Hangat saat menyapa.Tepat saat menjelaskan.

Karakter harustetap terbaca.

Terbaca

Terjangkau

Tenang

Satu garis.Banyak kegunaan.

24 × 24

Stroke 1,75 px

currentColor

Terbaca bahkandalam satu tab.

Satu tanda kecil.Tetap Danansor.

Dari keputusan visualke nilai yang konsisten.

Spesifikasi yangbisa langsung dicoba.

Ikon + label

Formulir

Dialog & fokus

Rincian di tempat yang tepat.

Satu sumber nilai.Satu karakter bersama.

Revisi master / 27 Oktober 2026

Berakar dalam nilai.Bergerak memberi arti.

Danansor

Nama yang jelas.
Ruang untuk bernapas.

Hijau sebagai jangkar.
Magenta sebagai tenaga.

Kokoh saat bercerita.
Jernih saat bekerja.

Khidmah
yang terasa.

Catatan jelas.
Langkah berikutnya pasti.

Tiga elemen.
Satu ritme.

Manusia bekerja.
Nilai menjadi tindakan.

Cukil kayu monokrom.
Satu tinta, banyak daya.

Konsep Gabungan.
Satu urusan, satu bidang.

Berakar.
Bergerak.

Karakter pada struktur.
Kejelasan pada kontrol.

Hangat saat menyapa.
Tepat saat menjelaskan.

Karakter harus
tetap terbaca.

Satu garis.
Banyak kegunaan.

Terbaca bahkan
dalam satu tab.

Satu tanda kecil.
Tetap Danansor.

Dari keputusan visual
ke nilai yang konsisten.

Spesifikasi yang
bisa langsung dicoba.

Satu sumber nilai.
Satu karakter bersama.

Berakar dalam nilai.
Bergerak memberi arti.