GET STARTED
İlk sayfanızı on dakikada kurun.
CKCSS’i kullanmak için tek stylesheet bağlantısı ve semantic HTML yeterli.
<link rel="stylesheet" href="/assets/ckcss.min.css">01 · CHOOSE YOUR PATH
İhtiyacınız olan katmanı seçin.
Core CSS’i tek linkle kullanın; ardından layout, component veya pattern seviyesinde ilerleyin.
02 · COMPOSE
Primitive’lerle birleştirin.
Layout için container, stack, cluster ve grid kullanın. Component’leri semantic HTML içinde birleştirin.
<main class="ck-container ck-stack ck-stack--relaxed">
<header class="ck-cluster ck-cluster--spread">
<h1>Proje özeti</h1>
<button class="ck-button" type="button">Yeni</button>
</header>
<section class="ck-grid ck-grid--3">...</section>
</main>