--text: #374151; --text-light: #6b7280; --bg: #f7f8fc; --white: #fff; --border: rgba(0,0,0,0.07); --shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --shadow-md: 0 8px 30px rgba(0,0,0,0.10); --radius-sm: 12px; --radius-md: 18px; --radius-lg: 28px; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { display: flex; flex-direction: column; min-height: 100vh; background: var(--bg); font-family: 'Inter', -apple-system, sans-serif; color: var(--dark); -webkit-font-smoothing: antialiased; } /* Nav */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 60px; padding: 0 24px; display: flex; align-items: center; background: rgba(255,255,255,0.92); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); } .nav-inner { max-width: 1200px; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; } .nav-logo { font-size: 1.5rem; font-weight: 900; color: var(--primary); text-decoration: none; letter-spacing: -1.5px; } .nav-btn { padding: 9px 22px; background: var(--primary); color: #fff; border-radius: var(--radius-sm); text-decoration: none; font-weight: 700; font-size: 0.875rem; transition: background 0.2s, transform 0.15s; } .nav-btn:hover { background: var(--primary-light); transform: translateY(-1px); } /* Hero */ .post-hero { margin-top: 60px; position: relative; height: 520px; overflow: hidden; background: var(--dark); display: flex; align-items: flex-end; } .post-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.03); } .post-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,12,20,0.1) 0%, rgba(10,12,20,0.5) 50%, rgba(10,12,20,0.88) 100%); } .post-hero-body { position: relative; z-index: 2; width: 100%; max-width: 860px; margin: 0 auto; padding: 0 32px 48px; } .post-hero-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .post-cat { background: var(--primary); color: #fff; font-size: 0.72rem; font-weight: 800; padding: 4px 12px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.5px; } .post-meta-item { font-size: 0.8rem; color: rgba(255,255,255,0.6); display: flex; align-items: center; gap: 5px; } .post-hero-body h1 { font-size: clamp(1.7rem, 4vw, 2.8rem); font-weight: 900; color: #fff; line-height: 1.15; letter-spacing: -1.5px; margin: 0 0 16px; text-shadow: 0 4px 20px rgba(0,0,0,0.4); } .post-hero-body .post-desc { font-size: 1.05rem; color: rgba(255,255,255,0.75); line-height: 1.65; margin: 0; max-width: 600px; } /* Progress bar */ .progress-bar { position: fixed; top: 60px; left: 0; height: 3px; background: var(--primary); z-index: 200; transition: width 0.1s linear; width: 0%; } /* Layout */ .post-wrap { max-width: 1200px; margin: 0 auto; padding: 48px 24px 80px; flex: 1; display: grid; grid-template-columns: 1fr 300px; gap: 48px; align-items: start; } /* Article */ .post-article { background: var(--white); border-radius: var(--radius-lg); padding: 48px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); } .post-article h2 { font-size: 1.5rem; font-weight: 800; color: var(--dark); margin: 40px 0 16px; letter-spacing: -0.5px; padding-left: 16px; border-left: 4px solid var(--primary); } .post-article h2:first-child { margin-top: 0; } .post-article h3 { font-size: 1.15rem; font-weight: 700; color: var(--dark); margin: 28px 0 12px; } .post-article p { font-size: 1.05rem; line-height: 1.9; color: var(--text); margin-bottom: 20px; } .post-article ul, .post-article ol { padding-left: 24px; margin-bottom: 24px; } .post-article li { font-size: 1.02rem; line-height: 1.75; color: var(--text); margin-bottom: 10px; } .post-article strong { color: var(--dark); font-weight: 700; } .post-article a { color: var(--primary); text-decoration: underline; text-decoration-color: rgba(211,84,0,0.3); text-underline-offset: 3px; transition: text-decoration-color 0.15s; } .post-article a:hover { text-decoration-color: var(--primary); } .post-article blockquote { border-left: 4px solid var(--primary); margin: 28px 0; padding: 16px 24px; background: rgba(211,84,0,0.04); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; font-style: italic; color: var(--text); } /* Share */ .post-share { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--border); display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .post-share-label { font-size: 0.85rem; font-weight: 700; color: var(--text-light); } .share-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--radius-sm); font-size: 0.82rem; font-weight: 700; text-decoration: none; transition: transform 0.15s, opacity 0.15s; } .share-btn:hover { transform: translateY(-2px); opacity: 0.9; } .share-tw { background: #000; color: #fff; } .share-wa { background: #25d366; color: #fff; } .share-li { background: #0077b5; color: #fff; } .share-cp { background: var(--bg); color: var(--dark); border: 1px solid var(--border); cursor: pointer; font-family: inherit; } /* Sidebar */ .post-sidebar { position: sticky; top: 80px; display: flex; flex-direction: column; gap: 20px; } .side-card { background: var(--white); border-radius: var(--radius-md); padding: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); } .side-card-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--text-light); margin: 0 0 16px; } /* TOC */ .toc-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; } .toc-list li a { font-size: 0.87rem; color: var(--text); text-decoration: none; display: flex; align-items: flex-start; gap: 8px; padding: 6px 10px; border-radius: var(--radius-sm); transition: all 0.15s; line-height: 1.4; } .toc-list li a::before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: var(--primary); flex-shrink: 0; margin-top: 7px; } .toc-list li a:hover, .toc-list li a.active { background: rgba(211,84,0,0.07); color: var(--primary); } /* Side CTA */ .side-cta { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); border-radius: var(--radius-md); padding: 28px 24px; text-align: center; color: #fff; } .side-cta h3 { font-size: 1.05rem; font-weight: 900; margin: 0 0 8px; } .side-cta p { font-size: 0.83rem; opacity: 0.85; margin: 0 0 18px; line-height: 1.5; } .side-cta-btn { display: block; background: #fff; color: var(--primary); padding: 11px 20px; border-radius: var(--radius-sm); text-decoration: none; font-weight: 800; font-size: 0.88rem; transition: transform 0.15s; } .side-cta-btn:hover { transform: translateY(-2px); } /* Related posts */ .related-posts { margin-top: 48px; } .related-posts h2 { font-size: 1.3rem; font-weight: 800; color: var(--dark); margin: 0 0 24px; letter-spacing: -0.5px; } .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .related-card { background: var(--white); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--border); text-decoration: none; color: inherit; transition: transform 0.2s, box-shadow 0.2s; } .related-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .related-card img { width: 100%; height: 150px; object-fit: cover; } .related-card-body { padding: 16px; } .related-card-cat { font-size: 0.7rem; font-weight: 800; color: var(--primary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; } .related-card-body h3 { font-size: 0.92rem; font-weight: 800; color: var(--dark); line-height: 1.35; margin: 0 0 8px; } .related-card-body span { font-size: 0.78rem; color: var(--text-light); } /* Footer */ .footer { background: var(--white); border-top: 1px solid var(--border); padding: 28px 24px; text-align: center; } .footer p { font-size: 0.83rem; color: var(--text-light); margin: 0; } .footer a { color: var(--primary); text-decoration: none; } @media (max-width: 960px) { .post-wrap { grid-template-columns: 1fr; } .post-sidebar { position: static; } .related-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .post-hero { height: 380px; } .post-hero-body { padding: 0 20px 36px; } .post-article { padding: 28px 20px; } .post-wrap { padding: 28px 16px 60px; gap: 28px; } .related-grid { grid-template-columns: 1fr; } }

Özellikler 📅 2026-04-07 ⏱️ 7 dk okuma ✍️ VOKO Editör

Mutfak Ekranı (KDS) Nedir? Restoranlar İçin Dijital Mutfak Yönetimi

Kitchen Display System (KDS) nedir? Mutfakta sipariş takibini dijitalleştirerek hataları azaltın, servis hızını artırın.

Ana Sayfa › Blog › Mutfak Ekranı (KDS) Nedir? Restoranlar İçin Dijital Mutfak Yönetimi

KDS (Mutfak Ekranı) Nedir?

Kitchen Display System (KDS), siparişlerin kağıt fiş yerine mutfak ekranında listelendiği sistemdir. Siparişler anında görünür; hazırlık süreci takip edilir ve “hazır” işaretlenerek servis ekibine bildirim gider.

KDS Olmadan Yaşanan Sorunlar

Fiş kaybolur / karışır / okunamaz.
Sipariş sırası bozulur, müşteri bekler.
Özel notlar (alerji, pişirme derecesi) atlanır.
Hangi siparişin geciktiği takip edilemez.

KDS ile Ne Değişir?

Anlık düşüş: Sipariş verildiği anda ekranda görünür.
Süre takibi: Gecikmeler erken fark edilir.
Hazır bildirimi: Ürün hazır olunca garsona bildirim gider.
Düzen: Mutfakta iş akışı standardize olur.

Hangi Cihazlarda Çalışır?

Tarayıcı tabanlı çözümlerde bir tablet veya bilgisayar yeterlidir. Özel donanım gerekmez.

Başlamak İçin

VOKO ile KDS kullanımı için mutfak ekranı sayfasını inceleyin veya ücretsiz denemeyi başlatın.

KDS (Mutfak Ekranı) Nedir?

KDS Olmadan Yaşanan Sorunlar

KDS ile Ne Değişir?

Hangi Cihazlarda Çalışır?

Başlamak İçin

İlgili Yazılar

QR Menü Nedir? Nasıl Çalışır? Restoranlar İçin Kapsamlı Rehber

Restoran Dijital Dönüşüm Rehberi 2026: Nereden Başlamalı?

Garson Çağırma Sistemi Nasıl Çalışır? Avantajları ve Kullanımı