Patterns · Print & Receipt

Print & Receipt

Sipariş yönetiminin fiziksel uçları: termal fiş (80mm mutfak/teslim), A4 fatura, etiket (paket etiketi). Print her zaman dark-mode-bağımsız beyaz, mono-priority tipografi, screen renkleri tone-down.

01 · Termal fiş 80mm & A4 fatura

80mm thermal · 1247

NEXBERRY

Köfteci Mehmet · Kadıköy/Bağdat

Sipariş#1247
Tarih14/05 14:32
MüşteriMehmet Ö.
Tel+90 532 *** 4521

2× Köfte Pide89,00
acılı, çift sarımsak
1× Ayran (büyük)15,00
1× Sütlaç20,50

Ara toplam124,50
İndirim YENI10-12,45
Teslimat0,00
TOPLAM112,05 ₺
Ödemeiyzico ✓

Adres: Bağdat Cd. 124/3
Caddebostan/Kadıköy
Kapı: 4521 · Zile basmayın
1247-20240514-1432
nexberry.com/o/1247
Afiyet olsun!
A4 fatura · proforma
Köfteci Mehmet Gıda Tic. Ltd. Şti.
VKN: 4720987654 · Mersis: 0472-0987-6543-2109
FATURA · 2024/1247
14 Mayıs 2024 · 14:32
Vade: peşin

Satıcı

Köfteci Mehmet · Kadıköy/Bağdat
Bağdat Cd. 56, 34728 Kadıköy/İstanbul
+90 216 467 2200

Alıcı

Mehmet Özkan · Bireysel
Bağdat Cd. 124/3, Caddebostan/Kadıköy
+90 532 *** 4521
#AçıklamaAdetBirimKDV%Tutar
1Köfte Pide (acılı)244,501089,00
2Ayran (büyük)115,001015,00
3Sütlaç120,501020,50
Ara toplam124,50 ₺
KDV %1012,45 ₺
İndirim · YENI10-12,45 ₺
TOPLAM112,05 ₺
nexberry.comSayfa 1 / 1

02 · @media print kuralları

@media print {
  /* 1. Renk politikası: arka plan beyaz, metin siyah */
  *, *::before, *::after { background: transparent !important; color: #000 !important;
                            box-shadow: none !important; text-shadow: none !important; }

  /* 2. Sayfa kenar boşlukları */
  @page { size: A4; margin: 18mm 14mm; }
  @page :first { margin-top: 22mm; }                /* fatura başlığı için */

  /* 3. Linkleri görünür yap */
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 90%; color: #555 !important; }

  /* 4. UI chrome'unu gizle */
  nav, aside, .toolbar, .pager, .toast,
  [data-print="hide"] { display: none !important; }

  /* 5. Sayfa kırılma kontrolü */
  table { page-break-inside: auto; }
  tr    { page-break-inside: avoid; page-break-after: auto; }
  thead { display: table-header-group; }            /* tablo başlığı her sayfada */
  h1, h2, h3 { page-break-after: avoid; }
  img, figure, .receipt { page-break-inside: avoid; }

  /* 6. Tipografi ölçeklemesi (96dpi → 72pt) */
  html { font-size: 11pt; line-height: 1.5; }
  h1 { font-size: 20pt; }  h2 { font-size: 16pt; }  h3 { font-size: 13pt; }

  /* 7. Termal fiş özel · 80mm */
  @page receipt-80 { size: 80mm auto; margin: 4mm 3mm; }
  .receipt-page { page: receipt-80; }
}

Kurallar

· Termal fiş 80mm: tek font ailesi mono, 11px, satır arası 1.45. Logo monospaced büyük harf. Renk yok — sadece siyah/beyaz.
· Toplam satırı her zaman çift çizgi vurgulu + 13px+. Kullanıcı (ve müşteri) topluyu 1 saniyede görmeli.
· Barkod 36px yükseklik; sipariş ID + tarih saat insan-okur format altında.
· A4 fatura: KVKK + e-Arşiv için VKN, Mersis no, alıcı/satıcı bilgileri zorunlu. KDV sütunu ayrı.
· Sayfa kırılması: thead her yeni sayfada tekrar (yasal okunabilirlik); tr ortadan bölünmez.
· UI chrome: nav, sidebar, toolbar, pager, toast print'te display:none. Yardımcı action button'lar data-print="hide" ile işaretlensin.
· Renk: print'te tüm arka planlar beyaz, tüm metinler siyah. Brand yeşili sadece logo'da kalır.
· Erişilebilirlik: link href'leri parantez içinde tam URL olarak basılır (kâğıttan tıklanmaz, ama referans).
· Yasak: print'te gradient bg, koyu kart yüzeyleri (toner israfı), 9pt altı font (yaşlılar okumaz), tablo içinde sticky header (print'te kayar).