v1.0 · Design System

LOOMRA

White-label kurumsal VoIP + Chat platformu. 8 tenant teması, adaptif gri paleti, light & dark mode, tam Türkçe karakter desteği. Bu sayfa tüm tokenları, componentleri ve örnek ekranları tek yerde toplar.

8 tema Light + Dark Inter · Roboto · Montserrat · Open Sans WCAG AA
Foundation

Marka

Profesyonel, net, sade. Microsoft Teams admin · Linear · Stripe Dashboard · Notion — bilgi yoğun ama sakin.

Wordmark

Mark + wordmark. Brand-500 üzerinde dokuma dokusu.

Kişilik
  • Profesyonel — bürokratik değil, modern
  • Net — 10.000 kullanıcı akıcı listelenir
  • Sade — süsleme yok, fonksiyon önde
  • Çok dilli — TR, EN + 4 dil; Türkçe karakter tam
  • White-label — tenant başına tema
Foundation

Renk

8 tenant teması + adaptif gri paleti (light/dark) + niyet renkleri. Componentler brand-* token kullanır.

Tenant temaları

grayMain2c — metin hiyerarşisi (Light / Dark)

Generic gri — form, buton (Light / Dark)

Semantic / Intent

Foundation

Tipografi

Varsayılan Inter; Roboto / Montserrat / Open Sans alternatif. 9 weight. Font scale 0.8×–1.4×.

Türkçe karakter testi

Ç ç   Ğ ğ   I ı   İ i   Ö ö   Ş ş   Ü ü
Mersin Büyükşehir Belediyesi Su ve Kanalizasyon İdaresi — özellikle uzun kullanıcı adları ve şehir isimleri için seçildi.

Font weight'leri

Foundation

Spacing

8-point grid. Tüm padding/margin 4px adımlarında. Default card padding space-4 (16px).

Foundation

Border radius

Foundation

Shadow / Elevation

shadow-xsSubtle
shadow-smCard default
shadow-mdDropdown
shadow-lgModal
shadow-xlDialog
Components

Buttons

primary
secondary
tertiary
danger
ghost
Components

Form fields

Kurumsal e-posta adresinizi kullanın.
Şifre veya kullanıcı adı hatalı.
Varsayılan görünen ad.
Bu alan düzenlenemez.
Components

Card

Default card
space-4 padding · shadow-sm · radius-md
Prominent card
space-6 padding — önemli/ayrıcalıklı alanlar için
Components

Badges & Avatars

badges Nötr Yeni Aktif Beklemede Askıda Bilgi
avatar sizes LÖ LÖ LÖ LÖ LÖ
status MK  LÖ  AT  SÇ
Components

Table

Admin panelin omurgası. Sticky header, satır hover, seçili satır, 10k+ satır için optimize.

Kullanıcı E-posta Tenant Rol Durum Son giriş
Sample screen · 01

Login

Admin panel girişi. Split layout: sol marka alanı, sağ form.

admin.loom.com.tr/login
Sample screen · 02

Dashboard

Genel özet — aktif kullanıcılar, son girişler, 7 günlük trafik grafiği.

admin.loom.com.tr/dashboard
Kullanıcı, tenant veya ayar ara…
MK

Hoş geldin, Murat 👋

MESKi tenantında bugünün özeti.

Aktif kullanıcı
8.942
↑ %3,2 son 7 gün
Bugün giriş
2.417
↑ %12 dünden
Sesli dakika
14.682
↓ %1,4
VoIPNow senk.
✓
2 dk önce
Son 7 gün — giriş
Haftalık aktif kullanıcı trendi
PztSalÇarPerCumCmtPaz
Son aktiviteler

Tweaks

Tenant teması
Mod
Font ailesi
Tipografi ölçeği 1.00×
Yoğunluk