← Katalog 50 · Web uygulama standartları

Araç görünmez olur, doküman kalır

Blok editör ekolünde arayüz kâğıt gibidir: krom kaybolur, her paragraf, her liste, her tablo taşınabilir bir bloktur. İkonografi emoji ile çözülür, renk yalnızca callout'larda konuşur.

NNota Çalışma Alanı
🔍Ara…⌘K
Sayfalar
📘Ürün el kitabı
🧭Yol haritası 2026
✍️Yazım rehberi
🗂️Toplantı notları
📅Hafta 31
🌱Ekip wiki'si
Yeni sayfa
Ekip wiki'si  /  Toplantı notları  /  Ürün el kitabı
📘

Ürün el kitabı

Bu doküman, ürün ekibinin nasıl karar aldığını tek yerde toplar. Her bölüm bir bloktur: tut, sürükle, başka sayfaya taşı — içerik biçimden bağımsız yaşar.

⋮⋮

Yazarken araç çubuğu görünmez; biçimlendirme seçimle, ekleme "/" menüsüyle gelir. Vurgu bile bir blok özelliğidir.

Sürüm 3 bilgi mimarisini onayla
Karşılama akışı metinlerini sadeleştir
Blok taşıma kısayollarını dokümante et
Şablon galerisine üç örnek ekle
Karar günlüğü nasıl tutulur?
Açmak için tıklayın — 6 alt blok gizli
💡
Bir sayfa 40 bloğu geçiyorsa muhtemelen iki sayfadır. Bölün, birbirine bağlayın; hiyerarşi kenar çubuğunda değil içerikte yaşasın.
Blok türü
Kısayol
Kullanım
Yapılacak listesi
/yap
Sprint görevleri
Callout
/not
İlke ve uyarılar
Komutlar için / yazın
01 · İlke
Her şey blok
Paragraf, tablo, callout — hepsi aynı atom. Tutamaçtan tut, istediğin yere taşı; sayfa kendini yeniden kurar.
02 · İlke
Krom kaybolur
Kalıcı araç çubuğu yok. Kontroller yalnızca hover ve seçimde belirir; ekranın sahibi daima içeriktir.
03 · İlke
Emoji = ikonografi
Özel ikon seti çizilmez; her sayfa bir emoji ile kimlik kazanır. Ucuz, evrensel ve kullanıcının elinde.
Blok Editör Çalışma AlanıIvan Zhao · Notion ekolü
Tasarım promptu — 50 — Blok Editör Çalışma Alanı seçip kopyalayın
İngilizce prompt · detaylı
Design a Notion-style block editor workspace for a fictional knowledge base. Left: a 260px quiet gray sidebar (#f7f6f3) with workspace name, a search row and an emoji-icon page tree with indentation. Right: a white document (#ffffff, text #37352f, secondary #787774) with page emoji, large bold title, breadcrumb, then blocks: paragraph, a to-do list (two checked, two empty), a toggle block, a light-yellow callout (#fbf3db) with 💡, a small three-column table, and a faint "Type / for commands" hint. Show a ⋮⋮ drag handle on one block. Font: ui-sans-serif/system-ui only. Chrome disappears; no toolbars, no shadows beyond a hairline, radius 4-6px.
Türkçe brief
Kenar çubuğu sessiz gri, doküman bembeyaz; her içerik parçasının taşınabilir bir blok olduğu, kromun kaybolduğu bilgi tabanı arayüzü.
Palet
#ffffff
#f7f6f3
#37352f
#787774
#fbf3db
Tipografi
ui-sans-serif / system-ui; 38px kalın sayfa başlığı, 15–16px gövde
Düzen
260px gri kenar çubuğu + beyaz doküman kolonu, bloklar dikey akışta
Hareket
Hover'da tutamaç ve kontroller belirir; başka animasyon yok
Kaçınılacaklar
Renk cümbüşü, kalın sınırlar, gölge, yoğun toolbar