Oksis · Marka Kılavuzu
v1.0 · 12 May 2026
Marka Profili — 2026

Oksis

Eğitimin dört paydaşını — yönetici, öğretmen, veli, öğrenci — tek bir dijital zeminde buluşturan eğitim platformu.

OLUŞTURULMAMayıs 2026
VERSİYON1.0
SAHİPOksis Brand Team
01 — KİMLİK

Tek bir platform,
dört farklı bakış.

ÖZ

Oksis, okulun dijital omurgasıdır.

Marka, eğitim ekosistemindeki dört rolün — yöneticinin denetimi, öğretmenin pedagojisi, velinin görünürlüğü ve öğrencinin ilerlemesi — aynı altyapı üstünde, ayrı portallarda buluşmasını temsil eder.

Logoda gördüğünüz dört kare bu dört paydaşın sembolik karşılığıdır: hizalı, eşit, birbirini tamamlayan.

Görsel kimliğin özü.

Kimlik sade ve sistematiktir. Modüler bir grid, sabit bir gradyan ve tek bir wordmark. Karmaşıklık ürünün içinde kalır; markanın yüzeyi her zaman okunaklı, profesyonel ve teknolojiktir.

Sistematik Modüler Güven veren Kurumsal Erişilebilir
03 — KORUMA ALANI

Logoya nefes bırakın.

Mark çevresinde her yönde minimum x kadar boş alan bırakılır — burada x, küçük kareciklerden birinin kenar uzunluğuna eşittir.

SAFE AREA

Minimum boyut

Mark, dijital ortamda 16 pikselin altında kullanılamaz. Basılı malzemede minimum 6 mm kenar.

16 pxDijital min.
40 pxÖnerilen
64 px+Hero / app icon
04 — YANLIŞ KULLANIM

Yapmayın.

Logonun bütünlüğünü koruyan en kısa kural: gradyan, oranlar ve geometriye dokunulmaz.

×Esnetmeyin, sıkıştırmayın.
×Döndürmeyin, eğmeyin.
×Gradyanı değiştirmeyin.
×Sadece outline kullanmayın.
05 — RENK

Marka paleti.

Beş çekirdek renk; ikisi koyu lacivert ve elektrik mavisi olarak markanın imzasını oluşturur. Açık yüzey ve mürekkep, tipografi ve arka plan için temel atar.

Primary · Dark
Lacivert
HEX#1B2B5E
RGB27 · 43 · 94
Primary · Mid
Mavi
HEX#3A4F9C
RGB58 · 79 · 156
Accent · Electric
Elektrik
HEX#4F6BFF
RGB79 · 107 · 255
Surface · Light
Yüzey
HEX#EEF1FA
RGB238 · 241 · 250
Ink · Body
Mürekkep
HEX#0D1117
RGB13 · 17 · 23
İmza Gradyan · 135°

Lacivertten elektrik mavisine — markanın tek değişmezi.

#1B2B5E  0% #4F6BFF  100%

Kullanım kuralı

Gradyan; logo arka planında, app icon, kapak görselleri ve hero alanlarında kullanılır. Açı her zaman 135° (sol üst → sağ alt).

CSS
linear-gradient(135deg, #1B2B5E 0%, #4F6BFF 100%)
Kullanım
Mark zemini · Hero · App icon
Sabit
Portal renginden bağımsız
06 — PORTAL RENKLERİ

Dört rol,
dört yüzey rengi.

Mark sabit kalır; ürün arayüzünde her portal kendi ana rengini kullanır. Bu renkler yalnızca UI içindir — logo ya da pazarlama materyallerinde marka gradyanı kullanılır.

01 · ADMIN

Yönetici

Okul yönetimi, denetim ve raporlama.

#1B2B5E
02 · TEACHER

Öğretmen

Ders planı, sınıf, değerlendirme.

#0E7A5A
03 · PARENT

Veli

Takip, iletişim, görünürlük.

#B05A0A
04 · STUDENT

Öğrenci

Ödev, ilerleme, içerik.

#3B0764
07 — DURUM RENKLERİ

Dört durum,
tek dil.

Portal renkleri kimlik içindir; durum renkleri işlev içindir. Başarı, uyarı, hata ve bilgi tüm portallarda aynı kalır — kullanıcı tek bir görsel dili öğrenir. Bu tonlar, rol renkleriyle (öğretmen yeşili, veli turuncusu) çakışmayacak şekilde bilinçle ayrıştırılmıştır.

Success
Başarı
Kaydedildi
HEX#16A34A
ZEMİN#E7F6EC
Warning
Uyarı
Onay bekliyor
HEX#D97706
ZEMİN#FCEFDD
Error
Hata
Devamsızlık
HEX#DC2626
ZEMİN#FBE7E7
Info
Bilgi
Yeni dönem
HEX#4F6BFF
ZEMİN#E9EDFF

Kural

Durum rengi hiçbir zaman portala göre değişmez. Bir Hata rozeti yöneticide de öğrencide de aynı kırmızıdır. Rol rengiyle çakışmayı önlemek için durum tonları daha parlak/net seçilmiştir: uyarı, veli turuncusundan (#B05A0A) daha sarıya kaçar; başarı, öğretmen yeşilinden (#0E7A5A) daha canlıdır.

Aynı rozet, dört zemin

Nötr/şeffaf zeminli rozet, her portal rengi üzerinde tutarlı okunur.

Hata
Hata
Hata
Hata
08 — TİPOGRAFİ

Plus Jakarta Sans.

Wordmark için Extra Bold (800). Geri kalan tüm UI ve iletişim metinleri için aynı aile — başlıklarda Bold/Semibold, gövdede Regular.

Aa
AİLEPlus Jakarta Sans
DAĞITIMGoogle Fonts
WORDMARK AĞIRLIĞI800 · Extra Bold
LİSANSSIL Open Font

Geometrik humanist sans.

Açık, modern, okunaklı. Eğitim arayüzlerinde küçük boylarda bile gövde metni rahat takip edilir; başlıklarda karakter belirgindir.

300LightVeli paneli
400RegularVeli paneli
500MediumVeli paneli
600SemiboldVeli paneli
700BoldVeli paneli
800ExtraBoldVeli paneli
DISPLAY56 / 64 px800 · -3.5% Sınıfın dijital omurgası.
HEADING H238 / 44 px700 · -2.5% Tek bir platform, dört bakış.
HEADING H324 / 28 px600 · -1.5% Bugünün dersleri ve devamsızlık özeti
BODY17 / 26 px400 · 0% Öğrencinin haftalık ilerlemesini, devamsızlığını ve öğretmen notlarını tek bir görünümde takip edin. Velilere bildirim, öğretmenlere onay akışı.
LABEL12 / 18 px500 · +8% caps Yeni dönem · 2025-2026
09 — MARK ANATOMİSİ

Dört kare,
tek bir sistem.

Mark; eşit ağırlıkta dört modülden, sabit bir grid üzerinde inşa edilir. Çapraz iki modül %100, diğer ikisi %60 opaklıkta — bu ritm, ürünün dört portallı yapısını sembolize eder.

Aktif modül · 100%
Pasif modül · 60%
14×14 modül · 3 px köşe · 14 px container radius

Yapı taşları.

56×56 birimlik konteyner içinde dört adet 14×14 modül, kenarlardan 11 birim içeride ve aralarında 6 birim boşluk ile yerleştirilir. Konteynerin köşe yarıçapı 14, modüllerin 3 birimdir.

Bu oranlar yeniden ölçeklenirken korunur — boyut değişse de aynı geometri uygulanır.

  • 01Konteyner56 × 56 · r14
  • 02Modül14 × 14 · r3
  • 03İç boşluk (x)6 px
  • 04Kenar boşluğu11 px
  • 05Aktif çapraz↖ ↘ · 100%
  • 06Pasif çapraz↗ ↙ · 60%
10 — UYGULAMA

Markanın dünyada görünüşü.

Favicon'dan kartvizite, sembol her ölçekte aynı geometrik dürüstlüğü taşır.

16
32
64
96
Favicon & tarayıcı ikonları16 · 32 · 64 · 96 · 192 · 512
App icon180×180 · iOS
Oksis
Wordmark · koyu800 · -4%
Oksis
Ayşe Yılmaz
Eğitim Teknolojileri Direktörü
[email protected] +90 212 000 00 00 oksis.com
Kartvizit · marka gradyanı85 × 55 mm
oksis.com / yonetim
Oksis
Web uygulaması · headerfavicon + wordmark