UI KIT PATTERN · 07–12

Ürün ekranları için yapı taşları.

Settings, documentation, editorial, search, checkout ve task board örnekleri aynı token ve component diliyle hazırlanır.

08 · DOCUMENTATION

Bir primitive’i öğrenin.

LAYOUT / STACK

.ck-stack, kardeş öğeler arasında tutarlı dikey boşluk oluşturur. Kaynağı kopyalayın ve token’larla ölçekleyin.

<div class="ck-stack">...</div>

09 · EDITORIAL

12 Haziran 2026 · 6 dk okuma

“Sistemi büyütmenin en iyi yolu, tekrar eden kararları görünür kılmaktır.”

10 · SEARCH RESULTS

12 sonuç bulundu

Button
Action, intent ve state’ler için.Card
İçeriği yüzey ve hiyerarşiyle gruplayın.

11 · CHECKOUT

Token dokümantasyonuPlanlandı

Pattern QAAktif

Core releaseBitti