İndir

150 tasarım sistemi..

Eklentilerin `od.craft.requires` ile benimseyebildiği markaya bağlı tasarım sistemleri. Her biri kendi paleti, tipografisi, motion’ı ve sesi ile gelir; projeni bir sisteme bağla, tüm eklenti çıktıları aynı kimliği miras alır.

Tasarım sistemi nedir?

Tasarım sistemi; her ekranı tutarlı tutan, renk paleti, tipografi, boşluk, hareket ve ses gibi yeniden kullanılabilir marka temellerinden oluşan bir kümedir. Open Design'da her tasarım sistemi bir plugin'dir: bir projeyi buna bağlayın ve kodlama ajanınız paleti, tipografiyi, hareketi ve sesi otomatik olarak devralır; böylece oluşturduğu her şey marka uyumlu kalır.

Her sistem bir DESIGN.md dosyasıdır

Buradaki her tasarım sistemi tek bir DESIGN.md dosyasıdır — markanın görsel temasını, renk rollerini, tipografi ölçeğini ve etkileşim dilini yakalayan, hem insan hem de agent tarafından okunabilen bir markdown belirtimi. Repo’nuzda yaşar, git ile sürümlenir ve projenizle birlikte taşınır.

Claude Code’u, Cursor’ı ya da herhangi bir kodlama agent’ını bu dosyaya yönlendirin; ürettiği her bileşen, sayfa ve varlık aynı kimliği devralır. DESIGN.md açık, Apache-2.0 bir formattır; Open Design ise onun etrafında inşa edilmiş, açık kaynaklı ve önce-yerel çalışan kütüphane ve araç setidir.

# Design System Inspired by Linear

> Category: Productivity
> Focused, low-chrome workspace. Inter, tight grid, restrained color.

## 1. Visual Theme & Atmosphere
A calm, dense product surface where typography and spacing
carry the hierarchy and color is used sparingly for intent.

## 2. Color Palette & Roles
### Primary
- **Ink** (`#0d0e10`): Primary text and dark surfaces.
- **Violet** (`#5e6ad2`): Action and focus accent.
- **Surface** (`#f4f5f8`): Light canvas for content blocks.
Bir DESIGN.md alıntısı
  1. 01

    Bir sistem seçin

    Yukarıdaki kütüphaneye göz atın ve tam DESIGN.md’sini okumak için herhangi bir sistemi açın — palet, tipografi, hareket ve ton.

  2. 02

    Projenize ekleyin

    DESIGN.md dosyasını repo kök dizininize kaydedin. Düz markdown’dır — derleme adımı yok, hesap yok, dışa aktarma yok.

  3. 03

    Agent’ınızı buna yönlendirin

    Claude Code’a veya Cursor’a DESIGN.md dosyasını izlemesini söyleyin; her çıktı markayla tutarlı kalsın.

DESIGN.md açık bir formattır (Apache-2.0). Open Design’ın sistemleri GitHub’da ücretsiz okunabilir, çatallanabilir ve katkıya açıktır.

Sıkça sorulan sorular

  • Tasarım sistemi nedir?

    Tasarım sistemi, bir markanın görsel dilinin — palet, tipografi, boşluk, hareket ve ton — tek doğru kaynağıdır; böylece her ekran ve varlık tek ve tutarlı bir ürün gibi hissettirir.

  • DESIGN.md dosyası nedir?

    DESIGN.md, bir tasarım sistemini hem insanların hem de yapay zekâ kodlama agent’larının okuyabileceği şekilde tanımlamaya yarayan, açık ve markdown tabanlı bir formattır. Renk rollerini, tipografi ölçeğini ve etkileşim desenlerini repo’nuzda sakladığınız düz metin olarak yakalar.

  • Bir DESIGN.md dosyasını Claude Code veya Cursor ile nasıl kullanırım?

    Dosyayı projenizin kök dizinine kaydedin ve agent’ınıza onu izlemesini söyleyin. Open Design ayrıca bir projeyi bir sisteme bağlayabilir; böylece her plugin çıktısı aynı kimliği otomatik olarak devralır.

  • Bu tasarım sistemleri ücretsiz mi?

    Evet. Buradaki her sistem açık kaynaklıdır ve okumak, indirmek, çatallamak ve katkıda bulunmak ücretsizdir. Open Design’ın kendisi Apache-2.0 ve önce-yerel çalışır.

  • Kaç tane tasarım sistemi var?

    150 ve artıyor; tüketici teknolojisi, editöryel ve deneysel stilleri kapsıyor. Düzenli olarak yeni sistemler ekleniyor ve GitHub’da kendinizinkini katkı olarak sunabilirsiniz.

  • Kendi DESIGN.md dosyamı oluşturabilir miyim?

    Evet — bir DESIGN.md’yi elle yazabilir ya da Open Design’ın bir referans siteden bir tane üretmesini sağlayabilir, ardından bunu her projede ve agent’ta yeniden kullanabilirsiniz.