İçeriğe atla
Bilişim

Karya Design System · v1

Tasarım sistemi

Sitenin kullandığı CSS’ten doğrudan türetilen canlı referans: renkler, tipografi, bileşenler ve figürler.

İlkeler

Tek yazı ailesi
IBM Plex Sans metin ve başlıklarda; IBM Plex Mono rakam, etiket ve kod için. Başlıklar 600 ağırlık, sıkı harf aralığı.
Lacivert birincil, tek sıcak vurgu
Lacivert (navy-700) wordmark rengidir; tüm etkileşimli öğeler bu renktedir. Ember yalnızca eyebrow noktası ve tek vurgu için; asla buton.
Bölüm ritmi
Beyaz ↔ hafif lacivert tonu dönüşümlü; sayfada en fazla bir koyu lacivert bant (kapanış CTA veya çalışma modeli).
Köşeler ve gölge
Kartlar 12px, pencereler 12px, butonlar tam yuvarlak. Gölgeler lacivert tonlu ve yumuşak; kenarlık her zaman var.
Hareket
Yalnızca opacity/transform; 700ms quint-out ortaya çıkış, akış animasyonları yalnızca görünürken. prefers-reduced-motion altında kapalı.
Görseller
Stok fotoğraf yok. Ürün ekranları HTML ile, mimariler SVG ile çizilir; hero canvas ile.

Marka

Bilişim
Bilişim
Bilişim

Renk

navy

50

100

200

300

400

500

600

700

800

900

950

ink

50

100

200

300

400

500

600

700

800

900

950

sky · cyan · ember · ok · warn

sky-400

sky-500

sky-600

cyan-400

cyan-500

cyan-600

ember-400

ember-500

ok-500

warn-500

Tipografi

k-display

Büyük sistemler

k-h1

Dönüşüm, mimari kararlarla şekillenir.

k-h2

Projeden geriye bir platform kalır.

k-h3

Yüksek İşlem Hacimli Finansal Altyapılar

k-lead

Faaliyet alanımız yazılım geliştirmeden mimari danışmanlığa uzanır.

body 17/1.6

Her projede bıraktığımız şey bir uygulama değil, kurumun yıllarca üzerine inşa edebileceği bir teknoloji varlığıdır.

k-eyebrow · k-num

Faaliyet Alanlarımız

70M+ / gün · 2.581 · %100

Bileşenler

k-btn-primary →k-btn-secondaryk-btn-ghostk-btn-smk-btn-lgk-chipk-chip-activek-badge

k-card

Hover: lift and navy border.

k-tile

Tinted, borderless.

k-band-dark

One per page.

Alanİncelenen
Bağlam haritasıSistemler, sınırlı bağlamlar
Veri mimarisiTutarlılık modeli
k-faq
Answer text.
  • k-check item
  • k-check item
k-select

Figürler

  1. 01
    KanallarMobil, web, iş ortağı API, e-ticaret eklentileri
  2. 02
    API gatewayKimlik, hız sınırı, sürümleme
  3. 03
    Ödeme orkestrasyonuYöntem yönlendirme, risk/fraud kontrol noktası, idempotency
  4. 04
    İşlem çekirdeğiCüzdan/hesap defteri, çok para birimli bakiye, limit
  5. 05
    Olay akışıOutbox ile atomik yayın, at-least-once teslim
simülasyon
Legacy%100Yeni platform%0Dalga 1Dalga 2Dalga 3Dalga 4Canlı trafik: Legacy %100
  1. 1/4Dalga 1: düşük riskli üye işyerleri yeni platforma alınır; canlı trafiğin %10’u.
  2. 2/4Her dalganın sonunda iki platform mutabakata girer: fark sıfır olmadan sonraki dalga başlamaz.
  3. 3/4Dalga 2 ve 3: yüksek hacimli segmentler, trafiğin %70’i. Geri dönüş yolu her an açık.
  4. 4/4Dalga 4: son segment. Legacy ağ geçidi kapatılır — tek bir kesinti olmadan.