NIAGAWAN DESIGN KIT — internal reference · spec: templates/design-system.md · registry: templates/website-sections.json

1 · Color Tokens

brand-50
#f2f8ff
brand-100
#e2f1ff
brand-200
#bfe4ff
brand-300
#8dd3ff
brand-400
#4fbcff
brand-500 · primary
#00aeff
brand-600
#008fdb
brand-700
#006fac
brand-800 · deep
#005885
brand-900
#0a3a56
brand-950
#062435
action-500 · buy
#f1a62b
whatsapp-500 · chat
#44c962
ink
#16232e
ink-soft
#45586a
line
#e5edf5

2 · Type Scale + Eyebrow + Accent

🏪 Eyebrow / kicker

H-Display — The Hero Headline

H-Section — The Section Title

H-Card — The Card Heading

lede — the supporting paragraph under a headline.

3 · Buttons (Orange = Pay · Green = Talk · Blue = Navigate)

Beli online WhatsApp Kami Lihat harga Cuba Demo

4 · Pills, Icon Tile, Cards

pill pill-brand pill-green

Card

Resting card.

Card-Hover

Lifts on hover.

PALING POPULAR

Featured Card

Ring + float + badge.

5 · Surfaces (Two Dark Moments Per Page, Max)

surface-tint · surface-deep · surface-brand

6 · Ribbon

Patuh e-Invois

7 · Shared Section Components (Rendered Live)

TrustBar

40,000+
perniagaan Malaysia
Google
4.7
500+ ulasan Google
10 tahun
sejak 2016
Cradle All Star
Anugerah PLUGIN 2024

GoogleBadge

Google
4.7
500+ ulasan Google

Testimonials (pick rotates per page)

Google
4.7
500+ ulasan Google

Apa Kata Pemilik Bisnes Macam Anda

“I've been using Niagawan since 2021 and overall it's been a great experience. The system is easy to use, even for beginners, and it covers all the essential features to run an online business smoothly. What I like most is how user-friendly it is and how stable the platform has been over the years.”
FF
Fadzli Fuzi
Ulasan Google
“Terbaik sistem Accounting NIAGAWAN. SBA PEST SOLUTION telah menggunakannya selama 5 tahun. Sangat berpuas hati. Sangat mudah bagi mereka yang tiada asas perakaunan dan paling best, NIAGAWAN fill in automatic ke dalam format Lembaga Hasil Dalam Negeri.”
SA
Shahrin Ahmad
Ulasan Google
“Easy to navigate and a good mobile interface. What I like the most is their WhatsApp customer service. For people like me who don't know much about accounting and bookkeeping, this is very, very helpful.”
ME
Meor Ezammer
Ulasan Google

Guarantee — card + line

Jaminan 14 hari wang dikembalikan

Tak sesuai untuk bisnes anda? Beritahu kami dalam 14 hari selepas daftar — full refund, tiada soalan rumit.Langganan software sahaja — hardware tidak termasuk.

Jaminan 14 hari wang dikembalikan — full refund, tiada soalan rumit. (Langganan software sahaja; hardware tidak termasuk.)

CompareTable (sample rows)

POS biasa Pilihan terbaik
POS + Akaun dalam satu
Untung siap setiap hari Manual

AppScreenshot — invoice

app.niagawan.com
Invois
+ Invois baharu
#1042 Kedai Runcit Ali RM 1,144.80 Dibayar
#1041 Cafe Santai RM 486.00 Dibayar
#1040 Butik Aisyah RM 2,320.00 Dihantar
#1039 Bengkel Auto RM 760.50 Dibayar
Senarai invois — dijejak sampai dibayar
e-Invois LHDN

e-Invois Dah Termasuk Dalam Niagawan

e-Invois bukan tool berasingan dan tak ada caj tambahan. Buat invois macam biasa, dan hantar e-Invois ke LHDN dari sistem yang sama.

  • Hantar e-Invois dari invois yang dah dibuat, tanpa portal berasingan
  • Customer yang nak e-Invois boleh minta melalui QR
  • Dengan add-on SST, SST dikira pada invois dan ada laporan cukai output. Penyata SST masih anda atau akauntan anda yang hantar
Tengok cara e-Invois digunakan
app.niagawan.com
e-Invoice #1042
Disahkan LHDN
Produk ARM 640.00
Produk BRM 420.00
SST (8%)RM 84.80
JumlahRM 1,144.80
QR pengesahan LHDN dijana
e-Invois disahkan LHDN

Faq (sample items)

Soalan Kit

Apa Itu Halaman /Kit?
Rujukan design system — setiap token, elemen dan seksyen dirender dari komponen sebenar.
Bila Kena Guna?
Sebelum bina seksyen baru: mesti wujud di sini + dalam website-sections.json dahulu.

Optin — the site-wide closing band (with chat preview)

WhatsApp

Cari Sistem Akaun Atau POS Untuk Bisnes Anda?

Berbual dengan kami di WhatsApp, kami tunjuk cara ia sesuai untuk bisnes anda.

WhatsApp kami sekarang

Bantuan WhatsApp percuma

Niagawan
biasanya balas dalam beberapa minit
Boleh tengok demo dulu tak?
Boleh! Nak demo percuma bila anda free? 😊

8 · Inline Patterns (Live On Pages, Catalogued In The Registry)

The other ~40 patterns render inline in page bodies — see the section registry (templates/website-sections.json) and the console pane (iris → Templates → Website) for live-crop samples and usage counts. Rule: a new section lands HERE + in the registry before any page uses it.