📝 Copy Standardization Matrix

Purpose: Standardize microcopy across 42 Parent screens dengan Islamic UX writing voice.

Principle: Copy yang tepat adalah brand voice yang paling sulit direplicate. Pola "Alhamdulillah" di empty state adalah signature — dokumentasikan dan perluas.

🎙️ BRAND VOICE PRINCIPLES

5 Core Principles

Warm, tidak formal kaku — seperti kirim WhatsApp ke teman sekampus, bukan surat resmi
Islamic tapi inklusif — greeting standard pakai Assalamu'alaikum, tapi jangan over-religious di semua context
Celebrate small wins — empty state "lunas" = "Alhamdulillah!", achievement = "Masya Allah!", thanks = "Jazakumullah khairan"
Plain language untuk technical — "Server error" → "Terjadi Kesalahan, coba lagi ya"
Active voice, second person — "Anda" untuk formal, "Kamu" HINDARI (terlalu casual untuk konteks sekolah)

Do's

✅ "Tidak ada tagihan. Semua sudah lunas. Alhamdulillah!"
✅ "Nilai akan muncul setelah guru menginput."
✅ "Terima kasih — pembayaran berhasil diterima."
✅ "Silakan coba beberapa saat lagi."
✅ "Ahmad hadir di sekolah. Masuk pukul 06:45."

Don'ts

❌ "Data kosong" (terlalu teknis, dingin)
❌ "Anda dipersilakan untuk melakukan pembayaran." (kaku + birokratis)
❌ "Error: Failed to fetch data." (jargon teknis)
❌ "Kamu udah bayar belum?" (terlalu casual, tidak sesuai konteks sekolah)
❌ Over-religious: "Subhanallah, alhamdulillah, allahu akbar, innalillahi..." di satu kalimat

🕋 ISLAMIC PHRASES USAGE GUIDE

Phrase	Arti	Gunakan untuk
Assalamu'alaikum	Semoga keselamatan atasmu	Greeting (login, dashboard opening)
Bismillah	Dengan nama Allah	Mulai sesuatu (onboarding, start quiz)
Alhamdulillah	Segala puji bagi Allah	Celebration small wins (empty lunas, success)
Masya Allah	Atas kehendak Allah	Awe/achievement (milestone hafalan, nilai A)
Barakallahu fiik	Semoga Allah memberkahimu	Encouragement (progress widget, streak)
Jazakumullah khairan	Semoga Allah membalas kebaikanmu	Thanks (after payment, after feedback)
Insyaa Allah	Jika Allah menghendaki	Future intent (reminder "Akan dibayar")
Subhanallah	Maha Suci Allah	Amazement (jangan overuse — hanya di 1-2 moment wow)

Aturan penggunaan:

Maksimal 1 phrase per screen
Jangan kombinasikan 2+ phrase dalam 1 kalimat
Jika sudah ada "Assalamu'alaikum" di greeting, jangan tambah phrase lain di subtitle
Untuk error/negative state, hindari phrase religius (tidak sopan implikasinya)

📊 COPY AUDIT MATRIX (Per Screen)

Hero Greeting Pattern (Dashboard, Splash, Onboarding)

Screen	Current Copy (Figma)	❌ Issue	✅ Recommended
Dashboard Polished (25:2) headline	"Fatimah"	Terlalu singkat, greeting di atas separate	`Assalamu'alaikum,\nFatimah` (2 lines, H1 + name)
Dashboard Polished subtitle	"Semoga hari Anda penuh keberkahan"	Generic sepanjang hari	`{timeGreeting} · {prayerContext}` — time-aware
Dashboard "Dark" (30:2) headline	"Assalamu'alaikum, Fatimah!"	Exclamation + coma format inkonsisten	`Assalamu'alaikum,\nFatimah`
Dashboard "Dark" subtitle	"Selamat pagi • Waktu Dhuha"	✅ Sudah bagus	Tetap pakai format ini
Splash Screen	"Portal Orang Tua Santri"	✅ Jelas	Tetap
Onboarding Welcome headline	"Assalamu'alaikum!"	✅ Bagus tapi tanpa nama	Tetap (pre-login)
Onboarding Welcome body	"Selamat datang di Amal e-Santri. Pantau perkembangan anak Anda kapan saja, dimana saja."	✅ Clear	Tetap

Time-aware subtitle logic (recommended implementation):

00-05:00 → "Waktu Tahajjud"
00-06:00 → "Selamat subuh · Waktu Subuh"
00-10:00 → "Selamat pagi · Waktu Dhuha"
00-12:00 → "Selamat siang · Menjelang Dzuhur"
00-15:00 → "Selamat siang · Waktu Dzuhur"
00-18:00 → "Selamat sore · Waktu Ashar"
00-19:00 → "Selamat petang · Waktu Maghrib"
00-24:00 → "Selamat malam · Waktu Isya"
00-03:00 → "Selamat malam"

Empty State Copy

Frame	Current Copy	❌ Issue	✅ Recommended
State - Tagihan Kosong (39:2) headline	"Tidak Ada Tagihan"	✅ Bagus	Tetap
State - Tagihan Kosong subtext	"Semua tagihan sudah lunas. Alhamdulillah!"	✅ Brilliant	Tetap — ini signature copy
State - Nilai Kosong (39:32) headline	"Belum Ada Nilai"	✅ Bagus	Tetap
State - Nilai Kosong subtext	"Nilai akan muncul setelah guru menginput hasil u..."	❌ Terpotong	`Nilai akan muncul setelah guru menginput hasil ujian.`
State - Offline (39:62) headline	"Koneksi Terputus"	✅ Jelas	Tetap
State - Offline subtext	"Periksa koneksi internet Anda dan coba lagi."	✅ Actionable	Tetap
State - Offline footer	"Menampilkan data terakhir yang tersimpan"	✅ Informatif	Tetap
State - Server Error (39:99) headline	"Terjadi Kesalahan"	✅ Clear	Tetap
State - Server Error subtext	"Mohon maaf, server sedang dalam perbaikan. Coba..."	❌ Terpotong	`Mohon maaf, server sedang dalam perbaikan. Silakan coba beberapa saat lagi.` (2 lines)

Additional empty states yang perlu ditambah:

Context	Headline	Subtext	CTA
Absensi kosong (belum ada absensi bulan ini)	"Belum Ada Absensi"	"Absensi akan muncul setelah santri check-in di sekolah."	—
Hafalan kosong (belum ada setoran)	"Belum Ada Setoran"	"Setoran hafalan akan tampil setelah ustadz/ustadzah verifikasi."	—
Chat kosong	"Belum Ada Pesan"	"Mulai percakapan dengan Wali Kelas untuk diskusi perkembangan anak."	"Mulai Chat"
Notifikasi kosong	"Belum Ada Notifikasi"	"Notifikasi terbaru akan muncul di sini."	—
Perizinan kosong	"Belum Ada Izin"	"Ajukan izin tidak masuk sekolah melalui menu ini."	"Ajukan Izin"
Tabungan kosong (belum ada setoran)	"Saldo Kosong"	"Mulai menabung untuk keperluan santri. Setor pertama kamu dimulai sekarang."	"Setor Sekarang"

Payment Flow Copy

Screen	Element	Current	❌ Issue	✅ Recommended
Payment - Sukses headline	Title	(belum di-audit)	—	"Alhamdulillah,\nPembayaran Berhasil"
Payment - Sukses body	Subtext	—	—	"Terima kasih. Bukti pembayaran sudah dikirim ke email dan tersimpan di riwayat."
Payment - Sukses CTA	Primary button	—	—	"Lihat Bukti Pembayaran"
Payment - Sukses CTA	Secondary	—	—	"Kembali ke Beranda"
Payment - QRIS instruction	—	—	—	"Scan QR code di atas dengan aplikasi pembayaran favorit Anda (GoPay, OVO, DANA, ShopeePay, dll)."
Payment - VA instruction	—	—	—	"Transfer ke nomor Virtual Account di bawah sebelum {expiryTime}. Pembayaran otomatis terverifikasi."
Payment - Transfer instruction	—	—	—	"Transfer ke rekening di bawah, lalu upload bukti transfer untuk konfirmasi cepat."
Payment fail	—	—	—	Headline: "Pembayaran Gagal" · Subtext: "Pembayaran tidak berhasil diproses. Silakan coba metode lain atau hubungi admin sekolah."

Attendance Copy

Context	Element	Recommended Copy
Hero strip — hadir tepat waktu	Main	"Hadir hari ini"
Hero strip — hadir tepat waktu	Detail	"Masuk {time} · Tepat waktu"
Hero strip — terlambat	Main	"Hadir hari ini"
Hero strip — terlambat	Detail	"Masuk {time} · Terlambat {x} menit"
Hero strip — izin	Main	"Izin hari ini"
Hero strip — izin	Detail	"Alasan: {reason}"
Hero strip — sakit	Main	"Sakit hari ini"
Hero strip — sakit	Detail	"Semoga lekas sembuh."
Hero strip — alpha	Main	"Tidak hadir hari ini"
Hero strip — alpha	Detail	"Belum ada keterangan. Silakan konfirmasi ke wali kelas."
Hero strip — libur	Main	"Hari libur"
Hero strip — libur	Detail	"{holidayName}"

Bill Status Copy

Status	Label di Chip	Description di List
`lunas`	"Lunas"	"Dibayar: {date}"
`belum-bayar`	"Belum Bayar"	"Jatuh tempo: {date}"
`overdue`	"Terlambat"	"Terlambat {x} hari"
`partial`	"Sebagian"	"Tersisa {amount}"

Notification Copy Templates

Pattern: {Icon} {Title}\n{Subtitle body}\n{Timestamp}

Trigger	Title	Body
Tagihan baru	"Tagihan SPP {bulan} sudah tersedia"	"Rp {amount} jatuh tempo {date}. Bayar sekarang?"
Tagihan reminder 3 hari sebelum	"Tagihan jatuh tempo dalam 3 hari"	"Jangan lupa bayar SPP {bulan} sebelum {date}."
Tagihan overdue	"Pembayaran SPP terlambat"	"SPP {bulan} sudah melewati jatuh tempo. Segera lakukan pembayaran."
Pembayaran diterima	"Pembayaran berhasil"	"Rp {amount} telah diterima. Alhamdulillah, terima kasih."
Nilai baru di-input	"{subject}: Nilai baru masuk"	"{subjectName} — {score}. Lihat detail?"
Hafalan milestone	"Masya Allah! {childName} menyelesaikan Juz {x}"	"Setoran terbaru disetujui ustadz. Keep going!"
Absensi alpha	"{childName} tidak hadir hari ini"	"Belum ada keterangan. Perlu konfirmasi."
Chat dari wali kelas	"{teacherName}: {messagePreview}"	—
Pengumuman baru	"Pengumuman: {title}"	"{body}"

Form / Action Copy

Button labels — standardize:

Action	✅ Gunakan	❌ Jangan
Confirm	"Konfirmasi"	"OK"
Save	"Simpan"	"Submit"
Cancel	"Batal"	"Tutup" (kecuali untuk modal)
Delete	"Hapus"	"Delete"
Edit	"Ubah"	"Edit"
Back	"Kembali"	"Back"
Next	"Lanjut"	"Next"
Submit	"Kirim"	"Submit"
Retry	"Coba Lagi"	"Retry"
View detail	"Lihat Detail"	"Detail" (sendirian)
View all	"Lihat Semua"	"See All"
Upload	"Unggah"	"Upload"
Download	"Unduh"	"Download"
Login	"Masuk"	"Login"
Logout	"Keluar"	"Logout"
Register	"Daftar"	"Register"

Form field labels:

Indonesian	English (fallback)
"Nama Lengkap"	Full Name
"Nomor HP"	Phone Number
"Email"	Email
"Kata Sandi"	Password
"Konfirmasi Kata Sandi"	Confirm Password
"Lupa kata sandi?"	Forgot password?
"Ingat saya"	Remember me
"Pilih tanggal"	Select date
"Pilih file"	Select file

Validation errors:

Error type	✅ Friendly copy
Required	"{Field} harus diisi"
Invalid email	"Format email tidak valid"
Password too short	"Kata sandi minimal 8 karakter"
Password mismatch	"Konfirmasi kata sandi tidak cocok"
Network error	"Gagal terhubung ke server. Periksa koneksi internet Anda."
File too large	"Ukuran file maksimal {size}. Silakan pilih file yang lebih kecil."
File type not allowed	"Hanya file {types} yang diperbolehkan."

Dialog / Confirmation Copy

Pattern:

Title: [Active verb, specific]
Body: [Clear consequence, 1-2 sentences max]
CTA primary: [Verb matching title]
CTA secondary: [Cancel / Batal]

Examples:

Context	Title	Body	Primary CTA
Logout confirm	"Keluar dari Akun?"	"Anda akan diminta masuk kembali saat membuka aplikasi."	"Keluar"
Delete bill	"Hapus Tagihan?"	"Tagihan ini akan dihapus permanen dan tidak bisa dipulihkan."	"Hapus"
Cancel payment	"Batalkan Pembayaran?"	"Transaksi akan dibatalkan. Anda bisa mencoba lagi nanti."	"Ya, Batalkan"
Switch child	"Ganti ke {childName}?"	"Tampilan akan menyesuaikan dengan data {childName}."	"Ganti"
Enable biometric	"Aktifkan Fingerprint?"	"Buat login lebih cepat dengan sentuhan jari."	"Aktifkan"

Loading / Progress Copy

State	Copy
Loading general	"Memuat..." (jangan "Loading...")
Saving	"Menyimpan..."
Sending	"Mengirim..."
Uploading	"Mengunggah... {x}%"
Downloading	"Mengunduh... {x}%"
Processing payment	"Memproses pembayaran..."
Refreshing	Pull indicator: (no text, just spinner)
Almost done	"Hampir selesai..."

Success Copy Templates

Action	Copy
Pembayaran sukses	"Alhamdulillah, pembayaran berhasil."
Data tersimpan	"Berhasil disimpan."
Foto terunggah	"Foto berhasil diunggah."
Izin diajukan	"Izin berhasil diajukan. Menunggu persetujuan wali kelas."
Password diubah	"Kata sandi berhasil diubah."
Profile updated	"Profil berhasil diperbarui."
Setoran hafalan tercatat	"Masya Allah, setoran berhasil tercatat."

📱 CONTENT STRATEGY DECISIONS

Timezone context

Semua timestamp relative: "baru saja", "5 menit lalu", "2 jam lalu", "kemarin", "{date} lalu"
Untuk >7 hari: full date format "15 Apr 2026"
Di hari yang sama: jam saja "14:30"

Number formatting

Currency: Rp 750.000 (dengan titik, non-breaking space setelah Rp, tanpa decimal)
Currency compact: Rp 1,25jt atau Rp 15rb
Percentage: 95% (tanpa spasi)
Large number: 15.750 atau 1.2M
Phone: +62 812-3456-7890

Date formatting

Full: "15 April 2026"
Short: "15 Apr 2026"
With day: "Senin, 15 April 2026"
Relative: "15 April" (jika tahun = tahun ini)
Hijri: "8 Syawal 1447 H"

Time formatting

24-hour: "14:30" (Indonesia standard)
With seconds (live): "14:30:45"

🎯 CHECKLIST IMPLEMENTATION

Designer menjalankan copy audit:

✅ Validation Questions

Sebelum approve copy, tanyakan:

Apakah nada-nya warm tapi profesional?
Apakah sesuai context muslim Indonesia tapi inklusif?
Apakah plain language, tanpa jargon teknis?
Apakah actionable (user tahu harus apa selanjutnya)?
Apakah konsisten dengan copy di screen lain?
Apakah tidak terpotong di viewport mobile 360px?
Apakah celebrate small win tanpa berlebihan?
Apakah respectful untuk user (no blame language)?

Status: Ready untuk designer implement Last updated: 2026-04-16 Version: 1.0

🎙️ BRAND VOICE PRINCIPLES​

5 Core Principles​

Do's​

Don'ts​

🕋 ISLAMIC PHRASES USAGE GUIDE​

📊 COPY AUDIT MATRIX (Per Screen)​

Hero Greeting Pattern (Dashboard, Splash, Onboarding)​

Empty State Copy​

Payment Flow Copy​

Attendance Copy​

Bill Status Copy​

Notification Copy Templates​

Form / Action Copy​

Dialog / Confirmation Copy​

Loading / Progress Copy​

Success Copy Templates​

📱 CONTENT STRATEGY DECISIONS​

Timezone context​

Number formatting​

Date formatting​

Time formatting​

🎯 CHECKLIST IMPLEMENTATION​

✅ Validation Questions​