Brand Hub
Distile
Performance marketing ve kampanya dashboard'ları. Onlipr ile aynı Stripe-grade disiplin; mor primary, pale sarı accent, Titillium Web.
Marka Renkleri
primary · #600072
deep · #4d005c
accent · #eeee22
accent-soft · #fcfcd2
ink · #1d1d1d
Kaynaklar
Doküman
BRAND.md
Distile brand sistemi v1.0 — Onlipr'dan farklar tablosu,
kontrast notları, recipe'ler.
Markdown'ı aç
Canlı demo
Dashboard
Sidebar + header + 6 KPI + chart + tablo — gerçekçi
performance marketing operasyon ekranı.
Demo'yu aç
Canlı showcase
Component Library
Button (primary + accent), form, KPI, badge (brand + accent),
table, toast, modal, sidebar nav, public share — 11 bölüm.
Showcase'i aç
CSS Tokens
tokens.css
Distile CSS değişkenleri — mor + pale sarı + Titillium Web.
Yeni projeye kopyala, fonts'u ekle, hazırsın.
Dosyayı aç
Component CSS
styles.css
Onlipr ile aynı class isimleri (.btn, .kpi, .bdg, ...) +
ek .btn--accent ve .bdg--accent Distile için.
Dosyayı aç
Logo Asset
logo.png
Distile yatay logo — sidebar 120px, login 168px, minimum 96px.
Light bg üzerine kullan.
İndir