Birincil
Birincil paletimiz kreatif çalışmalarımızın büyük kısmını oluşturur ve her parçada en güçlü tonları temsil etmelidir.
Renkler
Renk paletimizin kökleri tarihimize dayanır ve görünümümüzün temelini oluşturur. Cesur, kendinden emin bir duruş sergilemek veya net bir uzmanlık aktarmak için kullanılabilir.
Renk paletimiz, net bir tutarlılık sağlarken çok çeşitli görsel senaryoları ve ortamları destekleyecek şekilde düzenlenmiştir. Paletin renk tonları, saydamlıkları veya opak değerlerinden kaçınılmalıdır. Bunun yerine belirtilen tonlara sadık kalın.
Gölgeler
Esneklik için 3 ana renk paleti farklı gölge değerlerinde mevcuttur. Renk tonu veya şeffaflık eklemeyin ve tonları olduğu gibi kullanın.
Siyah & Beyaz
Nötr Tonlar
Mavi Tonlar
Aksanlar
Ana paletimizi vurgulamak için ayrıca hareket iletmek ve belirli alanlara dikkat çekmek için bir dizi elektrikli paletimiz vardır. Vurgu renkleri asla büyük renk sıçramaları olarak kullanılmamalı ve mizanpajın %5'inden azını oluşturmalıdır.
Teknoloji Teal
Güvenlik Yeşili
Tehlike Kırmızı
Uyarı Turuncu
Dikkat Sarı
Mor Eğitim
Kullanım ve Bağlam
Rengin ve bağlamının dikkatli bir şekilde seçilmesi, yaratıcı anlatının şekillendirilmesinde, duyguların uyandırılmasında ve tasarım öğeleri arasında görsel uyumun sağlanmasında çok önemlidir. Rahat bir okuma deneyimi yaratmak için yazı rengini kullanın ve harekete geçirici renkler kullanın. Eylem rengini asla başlık olarak kullanmayın. Maviyi eylem ve bağlantılar için ayırın ve statik yazılar için kullanmaktan kaçının. Uygun yazı kontrastı gereksinimleri için erişilebilirlik yönergelerini incelediğinizden emin olun.
Metin
Grafikler
Gradyanlar
Degradeler derinlik hissi katar ve kompozisyon içindeki katmanlaşmayı iletmeye yardımcı olur. Ayrıca tipografi alanlarını renklendirmek ve gölgelendirmek için de kullanılabilirler. İzleyicinin gözünü içerik boyunca bir yöne çekmenin bir yolu olarak dereceli renk kullanın.
Degradeler oluştururken etkiyi ince tutmaya çalışın ve tanımlama için bir gölge grubundaki bir renk adımını atlayarak bir paleti atlama adımı tarzında kullanın. Renk gruplarını karıştırmak bir parçaya dinamik renk katmanın bir yolu olabilir. Bir parça üzerinde büyük renk sıçramaları olarak vurgulu ağır degradeler kullanmaktan kaçının.
Renk Engelleme
Metin
Elektrik
Elektrik efektimizi oluşturmak için, farklı deneyimler arasında tutarlı bir görünüm sağlamak üzere aşağıdaki yönergeleri kullanın.
Bir renk grubunun tonlarını kullanın ve simge grubunuzu aşağıda gösterildiği gibi oluşturun. Çizgiler veya kenarlıklar gibi diğer illüstrasyon şekilleri için de benzer teknikler kullanılabilir. Parlama ve spot ışık boyutu ve opaklığının, efekti ince ve temiz hale getirmek için grafik veya metinle ölçeklendirilmesi gerekecektir.
Yazı tipi için aynı renk kombinasyonları kullanılabilir ancak erişilebilirliğe çok dikkat edin. Tekniği büyük, kalın yazı tipi veya küçük yazı tipi üzerinde kullanmaktan kaçının. İsteğe bağlı spot ışıklarını metin bloğuna uyacak şekilde ayarlayın.
Gösterilen özellikler Figma içindir. Uygulamalarımızda görsel olarak eşleşmesi için ayarlamalar yapılması gerekecektir.
Formül
Varyasyonlar
Tip
Erişilebilirlik
Birincil
Mümkün olduğunca çok sayıda müşterimizin tutarlı bir deneyim yaşamasını sağlamak için her zaman mümkün olduğunca erişilebilir kalmak istiyoruz. Bunu yapabilmemizin bir yolu, metin için kontrast oranlarına ilişkin WCAG 2.1 yönergelerine bağlı kalmaktır.
Aşağıda, kabul edilebilir metin engelleme renkleri için 16 pt yazı tipimizle kullanılan renklerimizin tam testini göreceksiniz. "Dikkat" olarak işaretlenmişse, bu yalnızca AA standartlarını karşıladığı ve yalnızca büyük veya kalın metinlerde kullanılması gerektiği anlamına gelir.
Eylem
OPSWAT Mavi rengimiz ana CTA renk tonumuzdur ve ana renk bloklarımızın üzerine yerleştirilirken özel dikkat gösterilmelidir.
Aksanlar
Durumumuzu ve vurgularımızı kullanırken erişilebilirlik için ekstra dikkatli olun. Aşağıda bir yazı tipi rengi ve bloklama gösteriliyorsa bunlar önerilmez.
Akademi
Academy Purple'ı kullanırken erişilebilirlik için ekstra dikkatli olun. Aşağıda bir yazı tipi rengi ve bloklama gösteriliyorsa bunlar önerilmez.
