Renk ve tipografi tokenları
Tema değerleri, izinli tasarım seçenekleri ve temaya uyumlu bölüm renkleri.
01Temel token referansı#
| Anahtar | Örnek | Görev |
|---|---|---|
| primaryColor / accentColor | #203d32 / #c6ee96 | Ana renk ve vurgu |
| bodyBg / cardBg | #f8f9f2 / #ffffff | Sayfa ve kart zemini |
| headerBg / headerTextColor | #203d32 / #ffffff | Üst alan renkleri |
| footerBg / footerTextColor | #203d32 / #d8e7cd | Alt alan renkleri |
| fontFamily / headingFont | Inter | Gövde ve başlık fontu |
| headingWeight | 700 | Başlık kalınlığı |
| borderRadius / buttonRadius | 12 | Sayısal köşe değeri |
| headingSpacing | -0.02em | Harf aralığı |
02Yapısal seçenekler#
| Anahtar | İzinli değerler |
|---|---|
| sectionPad | sm, md, lg, xl |
| sectionWidth | normal, wide |
| gridDensity | tight, normal, loose |
| titleAlign | left, center |
| titleStyle | plain, rule, eyebrow, bar, frame |
| cardStyle | minimal, bordered, shadow |
| buttonStyle | solid, caps, quiet, wide |
| textScale | sm, md, lg |
| headingCase | none, uppercase, capitalize |
03Temayı takip eden bölüm renkleri#
Bir bölümün arka planını sabit bir HEX yerine tema referansıyla tanımladığında aktif temanın değeri kullanılır. Desteklenen adlar: @surface, @card, @body, @primary, @accent, @header ve @footer.
{ "_bg": "@surface"}JSON
Bir yerde takıldın mı?
Destek al Hedefini ve takıldığın adımı anlat; birlikte ilerleyelim.