Mecra Design System v1.0
Brand foundations and UI components
Colors
Primary (Deep Blue)
Güven ve profesyonellik hissi için ana marka rengi
Secondary (Teal Accent)
Modern aksan rengi
Neutrals (Warm Grays)
Hafif sıcak tonlu gri paleti
Semantic
Success
Warning
Error
Info
Typography
Inter font ailesi ile tipografi ölçeği
Türkçe Karakter Testi
Çığlık atan şüpheli güvercin öğleden sonra
ç Ç ğ Ğ ı İ ö Ö ş Ş ü Ü
Form Inputs
Şirketinizin resmi ticari unvanı
İş e-posta adresinizi girin
En az 8 karakter olmalı
Bu alan zorunludur
Maksimum 500 karakter
Ana faaliyet alanınızı seçin
İhracat hedeflediğiniz ülkeleri seçin
Tercih ettiğiniz toplantı tarihini belirleyin
Minimum ICP skoru: 0-100 arası
Cards
Bu hafta scrape edilen lead
Toplam gönderilen e-posta
Açılma oranı
Planlanan toplantı
Metrik kartları için standart padding p-6 kullanın
Badges & Tags
Durum Etiketleri
ICP Skor Etiketleri
1-100 arası ICP skoru için renk gradyanı (kırmızıdan yeşile)
Icons (Lucide React)
Mecra'da kullanılan temel ikonlar
İkon boyutları: 16px, 20px veya 24px kullanın
Spacing & Radius
Spacing Scale
Border Radius
Shadows
States
Henüz lead bulunmuyor
Yeni bir kampanya başlatarak lead toplamaya başlayın
Skeleton loading state
Bir şeyler ters gitti
Veriler yüklenirken bir hata oluştu