KURUMSAL KİMLİK / 04TEMEL YAKLAŞIMRenk + tipografi.
Markayı sarı tanıtır.
Bilgiyi açık yüzeyler ve koyu metin taşır.
Tapusor Sarısı
RGB 255 / 191 / 0
CMYK* 0 / 25 / 100 / 0
1, 2 ve 3'ten gelen çerçeve
Veri, analiz ve karar odaklı marka; aynı ekosistemde birleşen ürünler; sarı kare üzerindeki siyah T'nin korunması. Açık, sade tasarım ve EDI'nin koyu paneli proje notlarıyla uyumludur. [P1-P4]
Bu bölümün statüsü
Sarı ve siyah kaynak dosyadan ölçüldü. Yardımcı tonlar, oranlar ve uygulama kuralları tekleştirme önerisidir; daha önce onaylanmış kurallar gibi sunulmaz.
KURUMSAL KİMLİK / 04PALET / HEX · RGB · CMYKAna renk ailesi.
Üç ana marka rengi. Beş destek rolü. Renkler aynı ekranda eşit ağırlıkta kullanılmaz; her birinin tanımlı bir işi vardır.
| Renk / Görev | HEX / RGB | CMYK* |
|---|---|---|
Tapusor Sarısı Marka imzası, logo zemini ve birincil eylem. | 255 / 191 / 0 | 0 / 25 / 100 / 0 |
Logo Siyahı Logodaki T; izinli tek renk baskı referansı. | 0 / 0 / 0 | 0 / 0 / 0 / 100 |
Metin Antrasiti Başlıklar, ana metin ve sayısal veriler. | 29 / 29 / 31 | 6 / 6 / 0 / 88 |
Beyaz Kartlar, rapor sayfaları ve açık alanlar. | 255 / 255 / 255 | 0 / 0 / 0 / 0 |
Kırık Beyaz Ana arayüz zemini; sıcak ve sakin yüzey. | 247 / 247 / 245 | 0 / 0 / 1 / 3 |
Buz Mavisi Analiz grupları ve hafif bölüm ayrımı. | 238 / 244 / 248 | 4 / 2 / 0 / 3 |
EDI Gece Laciverti EDI anlatım alanı ve seçili koyu bölümler. | 17 / 31 / 52 | 67 / 40 / 0 / 80 |
Yardımcı Metin Açık yüzeylerde açıklama ve tarih bilgisi. | 94 / 102 / 114 | 18 / 11 / 0 / 55 |
Logodaki T #000000 kalır. Uzun metinlerde #1D1D1F kullanılması, logonun yeniden renklendirilmesi anlamına gelmez.
KURUMSAL KİMLİK / 04NÖTRLER / ETKİLEŞİMEkranların renk dili.
Büyük yüzeyler nötr kalır. Sarı, kullanıcının bir sonraki adımını işaret eder; bütün kartları ve butonları boyamaz.
Nötr skala
Sarının arayüz durumları
Gayrimenkulünü daha iyi anla.
Analizlere geç; risk ve fırsat başlıklarını birlikte incele.
İnce ayrıntılar
#D5DAE1 kart ayırıcısıdır; form alanının tek görünür sınırı olarak kullanılmaz. Gerekli kontrol sınırı #7C8592 olur.
Odak ve pasif durum
Açık yüzeyde klavye odağı #2457A7; EDI alanında #FFBF00. Devre dışı eylem gri yüzeyle ve gerçek pasif kontrol durumu ile belirtilir. [W2]
KURUMSAL KİMLİK / 04DURUM / RİSK / FIRSATVeri ne söylüyorsa.
Marka rengi ile durum rengi aynı şey değildir. Sarı bir düğme, tek başına "risk var" anlamına gelmez.
| Durum | Metin / Zemin | Anlam ve kullanım |
|---|---|---|
| Olumlu / Tamamlandı | #147D64 #EAF7F1 | İşlem tamamlandı; olumlu sinyal. Garanti anlamına gelmez. |
| Dikkat / İnceleme | #A85D00 #FFF3E0 | Kontrol veya inceleme gerektiren durum; marka sarısından ayrı. |
| Risk / Hata | #C53B3B #FDEEEE | Tespit edilen risk, işlem hatası veya silme gibi kritik eylem. |
| Bilgi / Bağlantı | #2457A7 #EDF3FF | Tarafsız açıklama, kaynak bağlantısı ve odak halkası. |
| Veri Yok / Belirsiz | #667085 #F2F4F7 | Eksik ya da yetersiz veri. Düşük risk veya sıfır değer değildir. |
Renk + metin + işaret.
"Risk", "İncele", "Tamamlandı" veya "Veri yok" etiketi mutlaka görünür. Renk, bilginin tek taşıyıcısı olamaz. [W3]
Grafikler
Seçili varlık veya dönem sarı; karşılaştırma serisi koyu nötr olur. Beyaz zemindeki sarı çizgi ve sütunlar koyu kontur veya doğrudan veri etiketiyle desteklenir.
Gerçekleşen veri düz, tahmin kesikli çizgiyle ayrılır. Belirsizlik aralığı ayrı açık bantla ve etiketiyle gösterilir.
Harita ve skorlar
Seçili parsel: sarı dolgu ve koyu sınır. Risk ve fırsat katmanları açık lejantla ayrılır. "Veri yok" gri tarama veya boş simge ile gösterilir; yeşil kullanılmaz.
Skorun yönü ve sınıf eşikleri analiz metodolojisinden gelir; tasarımcı renk için eşik uydurmaz.
KURUMSAL KİMLİK / 04EDI / ÜRÜN MİMARİSİEDI'de derinlik.
Ailede tutarlılık.
EDI ayrı bir renk markası değil; Tapusor'un analiz anlatım katmanıdır. Açık bilgi alanından gece lacivertiyle ayrılır. [P3]
Veriyi açıklar.
Önemli olanı gösterir.
Analizler getiriliyor...
Aynı aile, ortak renk sistemi
| Ürün / Alan | Renk uygulaması |
|---|---|
| Tapusor · Varlık Yönetimi | Beyaz / kırık beyaz, koyu metin, sarı eylem. |
| Relatform · Dijital Ofis | Aynı temel palet; modül ayrımı isim, ikon ve yerleşimle. |
| InnBroker | Aynı temel palet; başarı veya lig rengi yalnız ilgili veri ve rozet alanında. |
| Radar · RiskSor | Aynı temel palet; uyarılar durum paletinden gelir. |
KURUMSAL KİMLİK / 04KANAL / ORAN / UYGULAMAHer yerde aynı Tapusor.
Yüzeyin görevi değiştikçe oran değişir; markanın ana sarısı değişmez. Aşağıdakiler önerilen görsel ağırlıklardır, zorunlu piksel kotaları değildir.
Web, mobil ve standart sosyal medya içerikleri için başlangıç dengesi.
| Yüzey | Önerilen denge | Uygulama |
|---|---|---|
| Web / Mobil / Dashboard | 70 açık / 20 koyu-nötr / 10 sarı | Kartlar açık; sarı tek ana eylemde. |
| Rapor iç sayfası | 85 açık / 10 koyu-nötr / 5 sarı | Tablo, kaynak ve metin okunurluğu öncelikli. |
| EDI paneli | 80 koyu / 15 açık / 5 sarı | Oran maskotun kendi görseli hariç panel düzeni için. |
| Kampanya / Tanınırlık kapağı | Sarı baskın olabilir | Tek güçlü mesaj; koyu metin. Ürün ekranına taşınmaz. |
Veri önde.
Marka yerinde.
Koyu zemin.
Net yorum.
Tek mesaj.
Güçlü imza.
Örnekler yalnız renk kompozisyonunu gösterir; onaylı reklam metni veya tam sosyal medya şablonu değildir.
Her modüle ayrı bir ana renk atama. Standart ekranlarda neon, gökkuşağı geçişi veya metalik altın kullanma. Özel sertifika / ödül uygulaması ayrıca onaylanır; ana sarıyı değiştirmez.
KURUMSAL KİMLİK / 04ERİŞİLEBİLİRLİKGüzel görünmek yetmez.
Okunabilmeli.
Normal metinde en az 4,5:1; büyük metinde en az 3:1 hedeflenir. Büyük metin: en az 18 punto normal veya 14 punto kalın. Aşağıdaki oranlar seçilen HEX çiftlerinden hesaplandı. [W1]
| Eşleşme | Örnek | Kontrast | Normal metin AA |
|---|---|---|---|
| Logo siyahı / Sarı | Aa | 12.70:1 | Geçer |
| Ana metin / Sarı | Aa | 10.18:1 | Geçer |
| Beyaz / Sarı | Aa | 1.65:1 | Kullanma |
| Sarı / Beyaz | Aa | 1.65:1 | Kullanma |
| Ana metin / Beyaz | Aa | 16.83:1 | Geçer |
| Yardımcı metin / Kırık beyaz | Aa | 5.41:1 | Geçer |
| Sarı / EDI laciverti | Aa | 10.01:1 | Geçer |
| Beyaz / EDI laciverti | Aa | 16.54:1 | Geçer |
Sarı buton. Koyu yazı.
Beyaz yazı / sarı zemin ve sarı yazı / beyaz zemin bu sistemde kullanılmaz. İki eşleşme de yaklaşık 1,65:1 kontrast verir.
Görünür durumlar
Gerekli kontrol sınırları, ikonlar ve odak işaretleri komşu renge karşı en az 3:1 olmalıdır. Beyaz zeminde yalnız sarı odak halkası kullanılmaz. [W2]
Son ekran kontrolü
Saydamlık, gradient, fotoğraf ve harita zemini nihai eşleşmeyi değiştirir. Metin ve kontroller, yerleştirildikleri gerçek yüzeyde yeniden test edilir.
KURUMSAL KİMLİK / 04ÜRETİM / GEÇİŞ / KAYNAKLARTek referans.
Tutarlı üretim.
Yeni tasarımlar tek bir renk kaynağından beslenir. Var olan farklı sarılar ortalamaya alınmaz; ana referans ve geçiş kararı belgelenir.
| Kaynak | Gözlenen sarı | Bu kılavuzdaki rolü |
|---|---|---|
| tapusor.png / tapusor_logo_png.png | #FFBF00 | Yeni standart için ana referans. |
| tapusor-logo@3x-1.png | #FDC645 | Farklı tonlu mevcut wordmark dosyası. |
| tapusor-logo-1-1024x576.jpg | #FEC842 | Farklı tonlu raster wordmark çıktısı. |
| Edi üretim brifi | #FFC400 / #FFCB35 | Önceki arayüz referansları; marka master'ı değil. |
Dijital üretim
Çalışma uzayı sRGB. Web ve mobilde HEX / RGB esas alınır. CSS ve JSON dosyaları aynı kaynak değerleri taşır. Ekip, bileşenlere yeni ve bağımsız sarılar eklemez.
Onay sonrasında vektör logo master'ından tutarlı dosyalar yeniden dışa aktarılır. Mevcut raster logoya CSS filtresi uygulanmaz.
Baskı üretim
CMYK tablosu ICC profilsiz yaklaşımdır. Nihai dosya, matbaanın hedef ICC profili ve kağıdı için dönüştürülüp fiziksel prova ile onaylanır. [W4]
Bu aşamada Pantone kodu atanmaz. Metalik folyo, spot renk ve zengin siyah reçeteleri ayrı üretim kararıdır. PDF bir baskı provası değildir.
PDF / HTML kılavuz / CSS renk ve tipografi değişkenleri / JSON tanımları / Kullanım notu
Dayanaklar ve kaynaklar
P1 Tapusor_Proje_Hafizasi_2026-09-14.md: ana kimlik, ortak tasarım ve ürün ailesi.
P2 28_UI_UX_Mobil_Tasarim.md: sadelik, büyük tipografi ve Tapusor sarısı.
P3 Claude_Tapusor_Edi_Uretim_Brifi.md: açık analiz alanı, koyu EDI paneli, orijinal logo / maskot.
P4 relatform_10_slayt_sunum_brifi.md: açık zemin ve ince sarı vurgu.
Görseller Kullanıcının yüklediği tapusor.png ve edi.png; yeniden renklendirilmedi.
W1 W3C / WCAG 2.2: Contrast (Minimum); oran hesabı için WCAG bağıl parlaklık formülü.
W2 W3C / WCAG 2.2: Non-text Contrast.
W3 W3C / WCAG 2.2: Use of Color.
W4 Adobe: Color-managing documents when printing; ICC profili ve baskı prova akışı.
Hazırlanma / erişim: 23 Eylül 2026. Yardımcı palet ve uygulama oranları bu çalışmanın tasarım önerisidir.
KURUMSAL KİMLİK / 05TİPOGRAFİ SİSTEMİTek aile.
Güçlü bir hiyerarşi.
Tapusor için kurumsal font önerisi: Inter. Sade başlıklar, rahat okunan metinler ve net sayılar.
Aa Bb Cc Çç Gg Ğğ Iı İi Şş Öö Üü
0123456789 & % + = / m² ₺
Farklı fontlarla değil,
ölçü ve ağırlıkla hiyerarşi.
Web, mobil, rapor, sunum ve sosyal medyada aynı yazı ailesi kullanılır. Başlık, paragraf, buton ve sayılar için ayrı font seçilmez.
Açıklamalar
Uzun metinler
Menü ve etiketler
Yardımcı bilgiler
Butonlar
Kart başlıkları
Ana başlıklar
Önemli sayılar
Seçimin dayanağı
Varlık detay projesinde Inter kullanılmıştır [P5]. Bu sürüm, tek aile kararını tüm ürün ve iletişim yüzeyleri için önerir.
Ağırlık disiplini
Gövde metninde 300 ve altı kullanılmaz. 800 yalnızca kısa kampanya başlıklarına ayrılır; uzun metinler kalınlaştırılmaz.
KURUMSAL KİMLİK / 05TİPOGRAFİ SİSTEMİOkunurluk.
Her ekranda.
Masaüstü ve mobil için tek bir ölçü sistemi. Daha az alan, daha küçük yazı anlamına gelmez.
| Kullanım | Masaüstü px | Mobil px | Ağırlık | Satır aralığı |
|---|---|---|---|---|
| Açılış / kampanya | 64 | 36 | 700 | 1.08 |
| H1 / Sayfa başlığı | 48 | 32 | 700 | 1.15 |
| H2 / Bölüm başlığı | 36 | 28 | 700 | 1.20 |
| H3 / Alt bölüm | 28 | 24 | 600 | 1.25 |
| H4 / Grup başlığı | 24 | 20 | 600 | 1.30 |
| H5 / Kart başlığı | 20 | 18 | 600 | 1.40 |
| H6 / Küçük başlık | 18 | 16 | 600 | 1.40 |
| Gövde metni | 18 | 17 | 400 | 1.65 |
| SSS / uzun açıklama | 18 | 17 | 400 | 1.80 |
| Buton / form / menü | 16 | 16 | 500-600 | 1.40 |
| Tablo / veri satırı | 16 | 16 | 400-500 | 1.50 |
| Kaynak / tarih / etiket | 14 | 14 | 500 | 1.45 |
| Ana değer / gösterge | 48 | 36 | 700 | 1.15 |
Bunlar ürün ekranları için varsayılan hedeflerdir; bu A4 kılavuzun dizgi ölçüleri değildir. Web uygulamasında ölçüler rem ile tanımlanır; tarayıcı yakınlaştırması kapatılmaz.
Okuma ritmi
Gövde metninin harf aralığı normaldir. Büyük başlıklarda en fazla -0.025em kullanılır. Uzun paragraflar 55-70 karakter genişliğinde tutulur.
İçeriği küçültme
Taşan veri için fontu küçültmek yerine satır kırılır, kart yeniden düzenlenir veya detay ayrı görünüme taşınır. Kritik bilgi dipnot boyutuna indirilmez.
KURUMSAL KİMLİK / 05TİPOGRAFİ SİSTEMİRakamlar net.
Marka tutarlı.
Tek font kuralı; veri, eylem, kaynak ve anlatım alanlarını birlikte kapsar.
Gayrimenkulünüzü verilerle tanıyın. Değeri, riskleri ve fırsatları birlikte inceleyin.
Analizleri görSayılar da Inter
Veri tablolarında ve değişen sayaçlarda eşit genişlikte rakamlar etkinleştirilir: tabular-nums. Sırf sayılar için ikinci bir font eklenmez. Inter bu özelliği destekler [W5].
Türkçe biçim örnekleri: 12.450.000 ₺, 1.250 m², %12,5. Bunlar gerçek varlık verisi değildir.
Teknik uygulama
Web fontu ürün sunucusundan sağlanır; web, mobil ve doküman üretimi aynı onaylı Inter sürümünü kullanır. Genel yedek font yalnızca yükleme hatası içindir, ikinci tasarım ailesi değildir.
İtalik gerekiyorsa gerçek Inter Italic kullanılır. Yapay kalınlaştırma ve yapay eğikleştirme yapılmaz.
P5: Tapusor_Varlik_Detay.html: Inter ailesinin ve 400-800 ağırlıklarının kullanıldığı önceki proje dosyası.
W5: Inter'in resmı sitesi: ekran ve iletişim kullanımı, ağırlıklar, sayı özellikleri ve SIL Open Font License 1.1. Erişim: 23 Eylül 2026.
Durum: Font ailesi, ölçüler ve uygulama kuralları bu sürümün kurumsal standart önerisidir. Ana renk kararları korunmuştur.
