Lumii Design
v0.5 · vitrin

Vitrin

css/lumii-ui.css + charts/chart-theme.js — tüm veriler sentetik

Tema kataloğu

Bir renk seç: zemin, çizgi, metin, düğme, durum rengi ve grafik serileri bu renkten türetilir (theme/theme.js · OKLCH)

Mod
Özel renk
Nötr ton
Dışa aktar
Kontrast kontrolü — WCAG 2, metin için ≥ 4,5:1
Ön plan / zeminOranDurum
Türetme kuralları
Ana renk
seçilen renk; yüzeyde < 4,5:1 ise açıklığı (L) kaydırılır
Hover / basılı
L ∓ 0,06 / ∓ 0,12 (koyuda ±)
Yumuşak zemin
L 0,935 · C = min(C × 0,3; 0,045)
Nötrler
ana rengin tonu, C = min(C; 0,16) × 0,13 × nötr ton
Seri 2 / 3
ton −95° / +85°, L 0,52 (koyuda 0,74)
Durum
yeşil / sarı / kırmızı sabit, yalnız moda göre açılır
Üretilen CSS

Renk token'ları

css/tokens.css — bileşenler yalnız bu değişkenleri okur

Grafik seri sırası (sabit)
Tipografi

Sayfa başlığı — 1,5rem / 400

Kart başlığı — 1,25rem / 700

Gövde metni — 1rem / 400, satır 1,5

İkincil metin — .small .muted

Bileşenler

Üretim (PCC)
106,2GWh
1,00 yıl
Kapasite faktörü
33,7%
ort. rüzgar 6,97 m/s
Kullanılabilirlik
98,8%
51 trip olayı
Dengesizlik
5,53M₺/yıl
sentetik ref. plan
Bilgi — varsayılan (primary)
Başarılı — model doğrulandı
WTG08: generatör termal direnci filodan sapıyor → soğutma/filtre/yatak kontrolü
Hata — veri akışı kesildi
Nötr — not

Düğmeler

Chip & rozet

varsayılan uygun uyarı uygun değil SIM-RES-1 · 36 MW

Anahtar–değer & yükleniyor

Kimya
LFP
PCS
12.000 kVA
10 yıl sonra kapasite
%82,4

Tablo

tabular-nums, sağa yaslı sayılar, vurgulu satır

TürbinAzaman %Enerji MWhYaw °
WTG0199,110.8420,4
WTG0298,710.511−0,8
WTG0596,29.6046,1
WTG0898,910.3770,2

Form (what-if)

Batarya
12 MW
Hizmetler
  

Grafikler

Zaman serisi

chartOptions — MW, gerçekleşen vs plan

Çubuk (kategori)

chartOptions {type:'bar', category:true}

Olasılıksal tahmin (fan)

fanOptions — P10–P90 bandı + P50 + gerçekleşen

Alan

chartOptions {type:'area'} — üretim ve tüketim

Yığılmış sütun

chartOptions {type:'bar', stacked:true} — kayıp kırılımı

Yatay çubuk

chartOptions {horizontal:true} — türbin sıralaması

Karma: sütun + çizgi

seri başına type — enerji ve kapasite faktörü

Halka

donutOptions — 3 kategori + Diğer (nötr)

Gösterge

radialOptions — tek değer yarım daire

Halkalı gösterge

radialOptions — 3 değer

Isı haritası

heatmapOptions — gün × saat ortalama güç, tek renk tonu

Radar

radarOptions — türbin karşılaştırma

Saçılım

chartOptions {type:'scatter', numeric:true} — güç eğrisi (rüzgar hızı × güç)