Onlipr · Design System

Component Library

Onlipr brand system v1.1 — Stripe-grade veri yoğunluğu, sarı deliberate accent, Oxygen tipografi. Bu sayfa BRAND.md §5'teki recipe'lerin canlı showcase'idir.

1 · Renk Paleti
--y
#ffd50b
--y-deep
#f0c500
--y-soft
#fff6cc
--ink
#1d1d1d
--surface-2
#f6f6f5
--border
#e8e7e3
--ok
#137a3b
--warn
#b25e00
--err
#b8261a
--info
#2a4dd0
2 · Tipografi
Eyebrow · Oxygen Mono · 0.66rem

Page Title · Oxygen 1.85rem / 700

Page sub · Oxygen 0.92rem · ikincil açıklama metni.

Section title — uppercase 0.78rem

Body 1rem · Oxygen 400 — okunabilirlik için line-height 1.5. Tablolarda ve toolbar'da 0.875rem'e düşer. Tabular numerals zorunlu.

Mono microcopy · Oxygen Mono 0.74rem · timestamp, helper, badge

3 · Butonlar

Primary'de inset 0 -1px 0 var(--y-deep) ile altta 1px koyu sarı çizgi — "physical" hissi.

4 · Form
Müşteriye görünen ad.
Bu alan max 280 karakter.
5 · KPI Cards
Toplam Gönderim
5.074
Δ +12% / 7g
Open Rate
38,2%
Δ +1.4 pt
Reply Rate
7,8%
Δ −0.3 pt
Positive Replies
42
son 7g
Bounce Rate
1,1%
healthy

Sadece focal KPI üstte 3px sarı bar alır — diğerleri sade.

6 · Badge
Aktif Yavaş Hata Çalışıyor Pasif Pro
7 · Data Table
Sekanslar
Sekans Durum Gönderim Open Reply Son Aktivite
Outreach v2 — H1 2026
seq_3f12 · oluşturuldu 12 Mar
 Aktif 2.412 41,2% 9,1% 2 saat önce
Reactivation Q2
seq_8a91 · oluşturuldu 02 Apr
 Çalışıyor 1.180 35,8% 6,4% 14 dk önce
Cold pilot — fintech
seq_2c44 · oluşturuldu 18 Apr
 Yavaş 482 28,4% 3,2% dün
Recovery — bounced
seq_5b21 · oluşturuldu 21 Apr
 Hata 63 — — 3 gün önce
Legacy archive
seq_0001 · oluşturuldu 02 Jan
 Pasif — — — —
8 · Toast
Sync tamamlandı — 5 sekans güncellendi.
Yeni müşteri eklendi.
Bağlantı hatası — tekrar dene.
12 yeni yanıt geldi.
9 · Sidebar Nav
Operasyon
▣ Müşteriler ≡ Sekanslar ⌖ Raporlar
Sistem
⚙ Ayarlar ⊞ Entegrasyonlar

Active item solunda 3px sarı bar — logo "pr" tile metaforu.

10 · Modal
11 · Public Share Top Bar

Bu public link müşteri ile paylaşılır — tek brand vurgusu üstteki 4px sarı→ink gradient bar.