# Tipografi.

> veridive üç ücretsiz yazı tipi kullanır: başlıklar ve logo yazısı için Funnel Display, gövde metni için Funnel Sans, büyük harfli etiketler için JetBrains Mono. Bu bölüm kalınlıkları, harf ve satır aralıklarını, ekrana göre büyüyen yazı ölçeğini ve eşleştirmeyi anlatır; Türkçe harf desteğini gösterir ve ad, slogan ve başlık noktaları için üç kural koyar.

Üç yazı tipi, üç görev: başlıklar için Funnel Display, okuma için Funnel Sans, etiketler için JetBrains Mono. Üçü de SIL Open Font License ile ücretsizdir ve üçü de Türkçenin tüm harflerini içerir.

## Başlıklar için Funnel Display

Başlıklar, büyük rakamlar ve logo yazısı. Yazı tipi 300 ile 800 arasında değişken kalınlıktadır; büyük başlıklarda 380, küçük başlıklarda 420–460 ve logo yazısında 600 kullanırız. Harf aralığı küçük başlıklarda −0,012em’den en büyük boyutta −0,052em’e, satır aralığı ise en büyük boyutlarda 0,88’den küçük başlıklarda 1,2’ye uzanır.

## Okuma için Funnel Sans

Gövde metni, giriş paragrafları, düğmeler ve formlar: metinde 400, giriş paragraflarında 380, düğmelerde ve kalın yazıda 600. Metin 16–18 piksel ve 1,58 satır aralığıyla, giriş paragrafları 18–23 piksel ve 1,45 satır aralığıyla dizilir; bir satırda en fazla yaklaşık 70 karakter bulunur.

## Etiketler için JetBrains Mono

Etiketler, üst başlıklar, şekil açıklamaları, sıra numaraları ve sayımlar. Her zaman büyük harf, +0,12em harf aralığı, 450 kalınlık ve 11,5–12 piksel; sayımlarda ve tablolarda eşit genişlikte rakamlar.

## Eşleştirme ve ölçek

Funnel Display ve Funnel Sans aynı ailenin iki kesimidir: Display büyük boyutlar, Sans okuma için çizilmiştir. Birbiriyle yarışmazlar; bu yüzden bir sayfada başka bir yazı tipine gerek kalmaz. JetBrains Mono ise karşı sestir: küçük, büyük harfli ve geniş aralıklı; etiketler, sayar ve açıklar, ama gövde metninde tek bir cümle bile taşımaz.

Her boyut, telefondan büyük ekrana kadar ekranla birlikte büyür:

| Stil | Boyut |
|---|---|
| Hero | 53–198 piksel |
| Başlık 1 | 44–114 piksel |
| Başlık 2 | 34–74 piksel |
| Başlık 3 | 23–35 piksel |
| Başlık 4 | 19–25 piksel |
| Giriş paragrafı | 18–23 piksel |
| Gövde metni | 16–18 piksel |
| Etiket | 11,5–12 piksel |

## Türkçe

Üç aile de Türkçenin tüm harflerini içerir: ç, ğ, ı, İ, ö, ş ve ü, büyük ve küçük haliyle. Türkçe metni Türkçe olarak işaretleyin; böylece büyük harfli etiketler Türkçe kurallara uyar: i, İ olur; ı, I olur. Bunlar farklı harflerdir ve yanlış bir büyük harf sözcüğü değiştirir.

## Üç kural

1. Büyük harfli etiketlerin içinde de adı küçük harfle yazın. Web’de ad, büyük harf dönüşümünü kapatan ayrı bir span öğesinde durur. Bir etiketin adı büyük harfe çevirmesine izin vermeyin; ad hiçbir yerde büyük harfle yazılmaz.
2. Sloganı tam olarak böyle yazın: Applied AI. Human Momentum. İki cümle, büyük M ve her cümlenin sonunda nokta. Büyük harfli kullanımda `APPLIED AI. HUMAN MOMENTUM.` olur. Türkçe sayfalarda da İngilizce kalır.
3. Her başlığı Signal renginde bir noktayla bitirin. Nokta cümleyi kapatır ve vurguyu taşır. Soru başlıkları soru işaretini korur; o da Signal renginde.

## Yazı tiplerini edinin

Belgeler ve sunumlar için üç aileyi bilgisayarınıza kurun; üçü de Google Fonts’ta (fonts.google.com) bulunur, Google Slaytlar’da ise hazırdır. Kurulu değillerse PowerPoint ve Keynote, Arial gibi bir sistem yazı tipi kullanır. Web’de yazı tiplerini kendimiz barındırırız; hiçbir sayfa onları üçüncü bir taraftan istemez. E-posta programları web yazı tiplerini yüklemediği için e-posta imzaları Arial kullanır; logo, marka yazı tipini korur. Yedek sıra şöyledir: Funnel Sans, ardından system-ui, ardından Arial.