Stil Kılavuzu

Bu stil kılavuzu, Testis Kanseri Vakfı web sitesinin görsel tasarım sistemine dair kapsamlı bir genel bakış sunmakta olup, renkler ve tipografiye odaklanmaktadır.

Renk Paleti

Renk paleti, marka kimliğinin önemli bir bileşenidir ve tutarlı ve tanınabilir bir görünüm ve his yaratır. Bu palet, web sitesi genelinde stratejik olarak kullanılan ana, ikincil ve vurgu renklerinden oluşur.

Ana Renkler

Ana renkler, tasarımda en sık kullanılan renklerdir ve markanın temel kimliğini temsil eder.

Birincil Camgöbeği/Turkuaz

HEX #00B4DB
RGB rgb(0, 180, 216)

Arka planlar, düğmeler ve temel görsel öğeler için kullanılan ana marka rengi.

Siyah

HEX #000000
RGB rgb(0, 0, 0)

Ana metin, açık renkli arka planlı başlıklar ve web sitesinin altbilgisi.

Beyaz

HEX #FFFFFF
RGB rgb(255, 255, 255)

Koyu arka planlar üzerinde ana metin, içerik bölümleri için arka planlar.

İkincil ve vurgu renkleri

İkincil ve vurgu renkleri, ana renkleri tamamlamak ve düğmeler, bağlantılar ve bilgi bölümleri gibi belirli öğelere dikkat çekmek için kullanılır.

Koyu lacivert

HEX #0F172A
RGB rgb(15, 23, 42)

İstatistik kartları ve diğer öne çıkarılan bölümler için arka planlar.

Arduvaz grisi

HEX #64748B
RGB rgb(100, 116, 139)

İkincil düğmeler ve kullanıcı arayüzü öğeleri.

Açık Gri

HEX #F1F5F9
RGB rgb(241, 245, 249)

Kartlar ve içerik modülleri için arka planlar, görsel ayrım sağlamak amacıyla.

Orta Gri

HEX #C1C1C1
RGB rgb(193, 193, 193)

Kenarlıklar ve ince kullanıcı arayüzü öğeleri.

Krem rengi

HEX #EBEEF0
RGB rgb(235, 238, 240)

Arka plandaki ince farklılıklar.

Tipografi

Web sitesi, başlıklar için serif yazı tipi ile gövde metni için sans-serif yazı tipini bir arada kullanarak net ve okunaklı bir tipografik hiyerarşi oluşturuyor.

DM Serif Ekran

Serif • Başlıklar

Aa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Inter

Sans-Serif • Ana Metin

Aa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Tipografik Ölçek

Aşağıdaki örnekler, web sitesindeki çeşitli metin öğelerinin yazı tipi boyutlarını ve kalınlıklarını göstermektedir.

BAŞLIK 1 (H1)
Yazı tipi DM Serif Ekran
Boyut 62 piksel
Ağırlık 400

Erken Teşhisle Testis Kanseriyle Mücadele

BAŞLIK 2 (H2)
Yazı tipi DM Serif Ekran
Boyut 40 piksel - 48 piksel
Ağırlık 400 - 800

Misyonumuz: Eğitim Yoluyla Hayat Kurtarmak

BAŞLIK 3 (H3)
Yazı tipi DM Serif Ekran
Boyut 28 piksel
Ağırlık 400

Testis Kendi Kendine Muayenesini Nasıl Yapacağınızı Öğrenin

ANA METİN (P)
Yazı tipi Inter
Boyut 17,5 piksel
Ağırlık 400

2009 yılında kurulan Testis Kanseri Vakfı, 501(c)(3) statüsünde bir kar amacı gütmeyen kuruluştur ve ülkedeki tek tam zamanlı çalışan kadrosu bulunan testis kanseri grubudur. Biz, eğitim ve farkındalığı artırma konusunda tutkuyla çalışan, kanseri yenmiş kişiler, bakım verenler ve savunuculardan oluşan bir ekibiz.

DÜĞME YAZI TİPİ
Yazı tipi Inter
Boyut 0,9 rem
Ağırlık 600
Harf Aralığı 0,07 em
Dönüştür Büyük harf
Satır Aralığı 1,8 em