Lacivert
- HEX
- RGB
- 20 33 61
- CMYK ≈
- 100 85 35 45
- Token
- brand · pine-800
Ana marka rengi. Logo harfleri, başlıklar, gezinme, koyu butonlar.
Kurumsal kimlik, sürüm 3.0, Kasım 2026
Jobetna marka kitabı
Logo, renk, yazı ve görsel dilin tek kaynağı. Jobetna adına üretilen her ekran, belge ve ilan bu sayfadaki kurallarla hazırlanır. Varlıkların hepsi indirilebilir.
- Sahibi
- Wesoco
- Kapsam
- Ürün, site, basılı, sosyal
- Ana renkler
- Lacivert #14213D · Turuncu #F26A1B
- İletişim
- [email protected]
01
Başvuru gelir, aday işe alınır
Jobetna, “Eleman aranıyor” ilanını düzenli bir işe alım sürecine çevirir. Logodaki turuncu tik bu sözün işaretidir: hiçbir başvuru kaybolmaz, hiçbir aday cevapsız kalmaz.
Düzen
Dağınık işi toplarız. Az ekran, net aşamalar, süs yerine hiyerarşi.
Saygı
Aday da işveren de zamanı değerli bir insandır. Reddedilen aday için kırmızı yok.
Sahicilik
Gerçek işletmeler, gerçek fotoğraflar, açık fiyat. Abartı ve “devrim” yok.
- Slogan
- Eleman aranıyor. Başvurular dağılmıyor.
- Kişilik
- Sıcak ama laubali değil. Yetkin ama teknik değil. Kendinden emin ama gösterişsiz.
Neden bu görünüm
İşverenin alışık olduğu sade dil, tek ayırt edici renkle
İşverenler iş yazılımlarında beyaz zemin, tek belirgin renk ve kısa cümleye alışkın. Jobetna bu alışkanlığa uyar; kendini tek bir sıcak renkle, turuncuyla ayırır. Lacivert güven ve düzeni, turuncu eylemi ve sonuçlanan başvuruyu taşır.
- Beyaz zemin; bölüm ayırmak için zemin grisi veya derin lacivert.
- Tek yüksek sesli renk: turuncu. Ekranda tek birincil eylem.
- Düz renk blokları; buton köşesi 8 px, kart köşesi 12 px.
- Başlıktaki vurgu kelimesi turuncu yazılır, italik olmaz.
- Kısa, “siz” hitaplı, sektörün kelimesiyle yazılmış metin.
- Gradyan, cam efekti, parlama, ağır gölge.
02
Logo: harfler ve işe alındı tiki
Küçük harfli “jobetna” yazısı Plus Jakarta Sans ExtraBold ile dizilip yola çevrildi. j harfinin noktası yerine turuncu bir onay tiki var: başvurunun sonuçlandığı, adayın işe alındığı an. Logo yalnızca aşağıdaki dosyalardan kullanılır; yeniden çizilmez, yeniden yazılmaz.
Anatomi
Wordmark, tik ve güvenli alan
- 01
Wordmark
Küçük harf “jobetna”, Plus Jakarta Sans ExtraBold (800), harf aralığı hafif sıkı. Fonttan bağımsız yol (path) olarak çizilir. Açık zeminde lacivert #14213D, koyu zeminde beyaz.
- 02
Tik
j'nin noktası yerine yuvarlak uçlu onay tiki. Her zeminde turuncu #F26A1B kalır; tek renk sürümler dışında rengi değişmez.
- 03
Sembol
Turuncu yuvarlatılmış kare (48 birimde köşe 12) içinde beyaz j ve beyaz tik. Favicon, uygulama ikonu ve profil görseli için.
Sembol
Kare alanlar, avatar, favicon
Sembol her zeminde turuncu kare olarak kullanılır. Daire içine kırpılacağı yerlerde (sosyal medya profili) kare kenarları dışarıda kalır, j ve tik ortada kalır.
Logo seti
SVG (vektör) ve PNG (Office / e-posta)
PNG:YatayYatay koyu zeminYatay tek renkDikeySembolUygulama ikonuE-posta imzası
Güvenli alan ve minimum boyut
Güvenli alan
Logonun her yanında en az x kadar boşluk bırakılır; x, tik yüksekliğinin iki katıdır (yaklaşık x-yüksekliği kadar). Bu alana metin, kenar veya başka logo girmez. Sembolde güvenli alan, karenin dörtte biridir.
Wordmark · en az 80 px / 20 mm genişlik
Sembol · en az 16 px / 5 mm
16 px
32 px
80 px altında wordmark yerine sembol kullanılır.
Yanlış kullanım
Bu örneklerin hiçbiri kabul edilmez
Jobetna
03
Renk: lacivert güven, turuncu sinyal
Zemin beyazdır. Güveni lacivert taşır; turuncu tek yüksek sesli renktir ve bir ekranda tek bir şeyi işaret eder. Küçük metin ve buton zemini için turuncunun koyu tonu kullanılır.
Derin lacivert
- HEX
- RGB
- 15 26 49
- CMYK ≈
- 100 85 40 60
- Token
- pine-900
Koyu bölümler, kapanış bantları, altbilgi, sunum kapağı.
Turuncu
- HEX
- RGB
- 242 106 27
- CMYK ≈
- 0 70 95 0
- Token
- accent-graphic · clay-500
Logo tiki, başlıktaki vurgu kelimesi, büyük grafik alanlar. Küçük metinde kullanılmaz.
Koyu turuncu
- HEX
- RGB
- 194 80 11
- CMYK ≈
- 10 75 100 5
- Token
- accent · clay-600
Birincil buton zemini ve beyaz zeminde turuncu bağlantı. Beyaz metinle 4,7:1.
Açık turuncu zemin
- HEX
- RGB
- 255 244 236
- CMYK ≈
- 0 5 7 0
- Token
- clay-50
Vurgu kutusu, seçili satır, bilgi bandı zemini.
Zemin grisi
- HEX
- RGB
- 245 247 250
- CMYK ≈
- 3 1 0 0
- Token
- paper
Bölüm ayırıcı zemin. Ana zemin beyazdır.
Metin
- HEX
- RGB
- 15 27 45
- CMYK ≈
- 90 75 45 65
- Token
- ink · ink-950
Gövde metni ve başlık. Saf siyah yerine.
İkincil metin
- HEX
- RGB
- 85 98 117
- CMYK ≈
- 70 55 40 20
- Token
- ink-600
Açıklama, yardımcı metin, tablo başlığı.
Çizgi
- HEX
- RGB
- 223 229 237
- CMYK ≈
- 12 6 3 0
- Token
- line
Kart kenarı, tablo çizgisi, ayırıcı.
CMYK değerleri FOGRA39 (kuşe) için yaklaşıktır; baskıdan önce matbaa provasıyla doğrulayın. Pantone karşılıkları henüz seçilmedi: lacivert için 2767 C, turuncu için 1585 C adaydır, kartelayla doğrulayın. Token adları (pine, clay) kod uyumluluğu için korunur.
Kullanım oranı
Tanıtım sitesi ve kurumsal belge
Zemin %70
Lacivert %20
Nötr griler %5Turuncu en fazla %5–8Anlamsal renkler yalnızca durum için
Skalalar
Tıklayınca HEX kodu kopyalanır
Lacivert (pine)
50
100
200
300
400
500
600
700
800
900
950
Turuncu (clay)
50
100
200
300
400
500
600
700
800
900
Nötr (ink), soğuk arduvaz
50
100
200
300
400
500
600
700
800
900
950
Anlamsal renkler
Renk hiçbir zaman tek başına anlam taşımaz; ikon ve metinle birlikte
Başarı
Metin
Zemin
Kenar
success
Uyarı
Metin
Zemin
Kenar
warning
Hata
Metin
Zemin
Kenar
danger
Bilgi
Metin
Zemin
Kenar
info
Turuncu hiçbir zaman hata veya uyarı anlamında kullanılmaz. “Olumsuz sonuçlandı” aşaması nötr gridir, kırmızı kullanılmaz.
Erişilebilir kombinasyonlar
WCAG 2.2 · normal metin için en az 4,5:1, büyük metin için 3:1
| Örnek | Metin / Zemin | Oran | Sonuç |
|---|---|---|---|
| Ağ | Metin / Beyaz | 17,3:1 | AAA |
| Ağ | Beyaz / Derin lacivert | 17,3:1 | AAA |
| Ağ | Metin / Zemin grisi | 16,1:1 | AAA |
| Ağ | Lacivert / Beyaz | 16,0:1 | AAA |
| Ağ | Lacivert 300 / Derin lacivert | 7,0:1 | AAA |
| Ağ | Turuncu 400 / Derin lacivert | 6,9:1 | AA |
| Ağ | İkincil metin / Beyaz | 6,2:1 | AA |
| Ağ | İkincil metin / Zemin grisi | 5,8:1 | AA |
| Ağ | Lacivert / Turuncu | 5,2:1 | AA |
| Ağ | Beyaz / Koyu turuncu (buton) | 4,7:1 | AA |
| Ağ | Koyu turuncu / Beyaz (bağlantı) | 4,7:1 | AA |
| Ağ | Koyu turuncu / Açık turuncu zemin | 4,4:1 | Yalnızca büyük metin |
| Ağ | Beyaz / Turuncu | 3,1:1 | Yalnızca büyük veya kalın metin |
| Ağ | Turuncu / Beyaz (başlık vurgusu) | 3,1:1 | Yalnızca büyük başlık |
| Ağ | Nötr 500 / Beyaz | 4,5:1 | Metin için değil (4,47) |
Büyük metin: en az 24 px normal veya 18,66 px kalın. Turuncu #F26A1B beyazla yalnızca bu boyutlarda kullanılır; küçük metinli butonlar ve bağlantılar koyu turuncu #C2500B ile yapılır.
04
Tipografi: tek aile, beş kalınlık
Başlık, metin ve arayüzün tamamı Plus Jakarta Sans ile yazılır. Google Fonts'ta ücretsizdir, Türkçe karakterlerin hepsini içerir. Serif, eşaralıklı yazı ve büyük harfli etiket kullanılmaz.
Ağ
400
Gövde metni
Ağ
500
Arayüz, etiket
Ağ
600
Arayüz, tablo başlığı
Ağ
700
Buton, ara başlık
Ağ
800
Başlık, logo
ABCÇDEFGĞHIİJKLMNOÖPRSŞTUÜVYZ abcçdefgğhıijklmnoöprsştuüvyz 0123456789 ₺ % & ?
Hiyerarşi
Pazarlama ölçeği; panelde bir kademe küçük
Display · 800, sıkı aralık
Eleman aranıyor. Başvurular dağılmıyor.
H1 · 800
Başvurular tek yerde
H2 · 800
Hiçbir aday cevapsız kalmaz
H3 · 700
Sezonluk ekibinizi geri çağırın
Lead · 400 / 20 px
İlanınızı yazın, linki paylaşın. Başvurular telefonunuza gelsin.
Gövde · 400 / 17 px
Kariyer sayfanız işletmenizin adıyla açılır. Aday üye olmadan, telefondan iki dakikada başvurur.
Arayüz · 500–600 / 14 px
İnceleniyor · Trabzon · Restoran
Başlıkta vurgulanan kelime italik yazılmaz, turuncuya boyanır (beyaz zeminde #F26A1B, koyu zeminde turuncu 400). Başlık başına en fazla bir vurgu.
Türkçe karakter sınaması
next/font: subsets latin + latin-ext zorunlu
Pijamalı hasta yağız şoföre çabucak güvendi. İstanbul’dan Iğdır’a.
Şube müdürü Gökçe Hanım, sezonluk kat görevlisi ilanını öğle arasında yayına aldı. Çağrı merkezi, ön büro ve güvenlik için 14 başvuru geldi; üçü görüşmeye çağrıldı.
CSS değişkeni --font-jakarta; Tailwind'deki font-sans, font-serif ve font-mono üçü de Plus Jakarta Sans'a çözülür. Büyük harf dönüşümü kullanılmaz.
05
İkon ve illüstrasyon dili
İkonlar Lucide setinden gelir, çizgi 1,75 px, uçlar yuvarlak. İllüstrasyonlar aynı çizgiyle, düz renk dolgularla çizilir; her çizimde tek bir turuncu vurgu bulunur. İnsan figürü çizilmez.
Başvuru
Görüşme
Ekip
İlan
Şube
Konum
Telefon
Belge
KVKK
Destek
Onay
İndir
- 24 px ızgara, 1,75 px çizgi.
- Renk metinle aynı (currentColor); vurgu gerekirse turuncu.
- İkonun yanında etiket bulunur.
- Çok renkli, gradyanlı veya emoji ikon.
Marka illüstrasyonları
240×180 ızgara · SVG · tanıtım sitesi ve panel boş durumları
06
Fotoğraf: gerçek işyerleri, gerçek insanlar
Jobetna'nın müşterileri mutfakta, depoda, mağazada ve klinikte çalışır. Fotoğraflar da oradan gelir. Yapay zekâ ile üretilmiş insan fotoğrafı ve takım elbiseli stok görsel kullanılmaz.
Köşe 12 px · 4:5
Mutfak
Hamur açan usta, pas veren komi. Buhar, tezgâh, eller.
Köşe 12 px · 4:5
Depo
Forklift başında sorumlu, raf etiketleri, gün ışığı.
Köşe 12 px · 4:5
Mağaza
Raf düzenleyen danışman, kasada müşteriyle konuşma.
Köşe 12 px · 4:5
Otel ve klinik
Nöbet değişen resepsiyon, sterilizasyon odasında asistan.
- Doğal, yan ışık. Flaş ve stüdyo fonu yok.
- İnsan işinin başında; eller, aletler ve mekân görünür.
- Yaş, cinsiyet, başörtüsü ve şehir çeşitliliği (yalnızca İstanbul değil).
- Temiz, aydınlık renk; ten tonları doğal.
- Çekilen kişilerden yazılı açık rıza (KVKK) alınır, arşivlenir.
- Yapay zekâ ile üretilmiş insan yüzü veya “çalışan” görseli.
- El sıkışan takım elbiseliler, beyaz fonlu ofis stok fotoğrafı.
- Fotoğraf üstünde gradyan, renk filtresi veya bulanık leke.
- Logonun okunmadığı karışık zemin.
- Fotoğrafı turuncu ile renklendirmek (duotone).
07
Ses tonu: esnaf nezaketi, kurum ciddiyeti
“Siz” diye hitap ederiz, kısa cümle kurarız, sektörün kelimesini kullanırız. Rakamla konuşur, abartmayız. Ünlem kullanmayız.
Yapay zekâ destekli yeni nesil yetenek kazanım platformu.
Başvuruları tek yerde toplayan işe alım sistemi.
Başvurunuz reddedilmiştir.
Bu sefer başka bir adayla ilerlemeye karar verdik.
Aday havuzunuzu optimize edin.
Geçen sezonun iyi çalışanlarına yeniden ulaşın.
Hata 422: Geçersiz veri.
E-posta adresinde bir eksik var gibi. Kontrol eder misiniz?
08
Kurumsal şablonlar
Basılı ve dijital şablonlar SVG olarak hazırlandı; Figma, Illustrator, Inkscape ve Affinity'de açılır. Baskı dosyalarındaki kesim ve güvenli alan kılavuzları ayrı katmandadır, baskıdan önce gizlenir.
Ayşe Yılmaz
Müşteri başarısı sorumlusu
+90 5XX XXX XX XXjobetna.com
Baskı payı
Kartvizit 3 mm taşma ile 96×56 mm teslim edilir. Metinler kesimden en az 4 mm içeride. Metinleri dış hatlara çevirip PDF/X-4 gönderin.
Firma rengi
“Eleman aranıyor” şablonlarında dosyanın başındaki tek renk satırını değiştirin. Rengin beyaz üzerinde en az 4,5:1 kontrast vermesi gerekir.
Yazı tipi
Plus Jakarta Sans, Google Fonts’tan ücretsiz kurulur. Kurulu değilse Arial veya Helvetica yedeği devreye girer.
09
İndir ve kullanım izni
Marka paketi
Logo seti (SVG + PNG), illüstrasyonlar ve kurumsal şablonların tamamı tek dosyada.
Kim kullanabilir?
Jobetna müşterileri, “Jobetna ile çalışıyoruz” bağlamında logoyu değiştirmeden kullanabilir. Basın, iş ortaklığı ve diğer kullanımlar için Wesoco’ya yazın: [email protected].
Jobetna adı, logosu ve tik işareti Wesoco’ya aittir. Logo başka bir ürün veya hizmetin adıyla birleştirilemez.