// Tasarım Sistemi
Bileşen vitrini
Ecozyon Tech arayüzünü oluşturan el-yapımı bileşenler, tasarım token'ları ve etkileşim primitifleri — canlı örneklerle.
Renkler & Token'lar
Accent paletleri, aktif tema ve semantik renkler.
Accent paletleri
cyan-emerald
cyan
#0EA5E9
emerald
#10B981
blue-violet
cyan
#2563EB
emerald
#7C3AED
teal-lime
cyan
#0D9488
emerald
#65A30D
sky-rose
cyan
#0284C7
emerald
#E11D48
Aktif tema
--ec-cyan
#0EA5E9
--ec-emerald
#10B981
Semantik renkler
Emerald
#10B981
Cyan
#0EA5E9
Rose
#E11D48
Amber
#F59E0B
Slate 900
#0F172A
Slate 400
#94A3B8
Tipografi
Başlık ve gövde tip skalası, font aileleri.
Başlık skalası
3.4rAa
28pxAa
20pxAa
16pxAa
Gövde skalası
Ecozyon Tech arayüzünü oluşturan el-yapımı bileşenler, tasarım token'ları ve etkileşim primitifleri — canlı örneklerle.
Ecozyon Tech arayüzünü oluşturan el-yapımı bileşenler, tasarım token'ları ve etkileşim primitifleri — canlı örneklerle.
Gövde · caption
Font aileleri — Başlık
Space GroteskSyneSoraDM Sans
Font aileleri — Gövde
InterPlus Jakarta SansDM SansManrope
Kartlar & Yüzeyler
Cam efektli yüzey ve ışıltı.
eco-card
Başlık
Ecozyon Tech arayüzünü oluşturan el-yapımı bileşenler, tasarım token'ları ve etkileşim primitifleri — canlı örneklerle.
GlowOrb
Gövde
Ecozyon Tech arayüzünü oluşturan el-yapımı bileşenler, tasarım token'ları ve etkileşim primitifleri — canlı örneklerle.
İskeletler
Yükleme durumu yer tutucuları.
Form Alanları
Etiketli giriş, metin alanı ve seçim.
Sekmeler
Klavye erişilebilir, kayan göstergeli.
Genel — Ecozyon Tech arayüzünü oluşturan el-yapımı bileşenler, tasarım token'ları ve etkileşim primitifleri — canlı örneklerle.
İpucu
Hover/odakta açılan etiket, dört yön.
top tooltipbottom tooltipleft tooltipright tooltip
Bildirim
Geçici durum bildirimleri.
Animasyonlu Sayı
Görünürlükte bir kez akan sayaç.
8.4K
Kullanıcı
%92
Memnuniyet
164t
CO₂
Grafikler
Saf SVG sparkline, mini bar ve halka — deterministik.
Sparkline
Mini bar
Halka
72%