Living Reference

Kareem POS Design System

Satu sumber kebenaran untuk warna, type, panel, interaction rhythm, dan bagaimana cashier serta manager screens harus terasa ke depannya.

Back to appSource of truth lives in root `DESIGN.md`.
Visual Thesis

Industrial-utilitarian with warm market energy

Kareem POS harus terasa seperti alat transaksi yang tenang, tegas, dan bisa dipercaya.

Color

Commerce palette

Canvas#F4F0E8
Surface#FFFDF8
Panel#E8E0D1
Ink Strong#1E1A16
Ink Muted#6E6258
Primary#0F766E
Accent#C96F2D
Success#217A4A
Danger#B23A30
Typography

Fraunces

Dipakai untuk heading dan identity moments. Sedikit editorial, tetap dewasa.

Body

Plus Jakarta Sans

Body, label, button, form. Jelas, cepat, lokal tanpa gimmick.

Data

IBM Plex Mono

Untuk uang, order number, quantity, dan ritme data yang presisi.

Controls

Buttons, status, and fields

Buttons
Status Badges
PendingCompletedCancelled
Inputs
Cashier Tempo

Instrument panel

Katalog24 items
SKU-01Item 1Rp 18.000
SKU-02Item 2Rp 18.000
SKU-03Item 3Rp 18.000
SKU-04Item 4Rp 18.000
SKU-05Item 5Rp 18.000
SKU-06Item 6Rp 18.000
Manager Tempo

Ledger dashboard

Orders

42

Revenue

Rp 3.450.000
OrderStatusTotal
ORD-240413-001CompletedRp 74.000
ORD-240413-002PendingRp 22.000
Rules

Non-negotiables

Fast first

Kasir screen tidak boleh terasa seperti dashboard admin yang lambat dan penuh dekorasi.

Mono for money

Nominal, order code, dan angka penting harus konsisten memakai rhythm data yang presisi.

Color with intent

Brand color dipakai hemat. Jangan warnai semuanya hanya karena bisa.

One family, two tempos

Cashier padat dan cepat. Manager tenang dan analitis. Keduanya tetap satu bahasa visual.