ব্র্যান্ড গাইড

একটি মার্ক, একটি সবুজ, একটি কণ্ঠস্বর।

সম্পূর্ণ Protocore ব্র্যান্ড সিস্টেম — লোগো, ক্লিয়ারস্পেস, রং, টাইপ, ভয়েস ও নামকরণ — এক পাতায়। এখানে পড়ুন বা PDF নিন।

লোগো সিস্টেম

মার্ক সাজানোর চার উপায়।

ফেসেটেড কোর মার্কই একমাত্র আঁকা অ্যাসেট। লকআপে নাম বসে এর পাশে বা নিচে Roboto Medium ফন্টে — কোনোটিই নতুন করে আঁকবেন না।

লোগো

ছোট সাইজে একা — ফেভিকন, অ্যাপ আইকন এবং যেখানে নাম পড়া যাবে না সেখানে।

Protocore
হরিজন্টাল লকআপ

নামের পাশে মার্ক। ডিফল্ট ব্যবহার — হেডার, ডকুমেন্ট ও সিগনেচারে।

Protocore
স্ট্যাকড লকআপ

নামের উপরে মার্ক। স্কয়ার জায়গার জন্য — সোশ্যাল কার্ড, টাইল ও স্ট্যাম্পে।

অ্যাভাটার টাইল

১০২৪ px সলিড টাইলের মাঝখানে মার্ক। যেকোনো প্ল্যাটফর্মের প্রোফাইল ছবির জন্য।

ক্লিয়ারস্পেস ও সাইজ

চারপাশে জায়গা, নিচে একটি সীমা।

দুটি কঠোর মান মার্ককে সব জায়গায় পাঠযোগ্য রাখে।

ক্লিয়ারস্পেস — চার দিকেই মার্কের এক প্রস্থ।

১৬ px-এ মার্ক — ডিজিটালের সর্বনিম্ন সীমা।
ক্লিয়ারস্পেস
চার দিকেই মার্কের নিজের প্রস্থ। এর ভেতরে কিছু ঢুকবে না — না লেখা, না রেখা, না পেজের কিনারা।
সর্বনিম্ন উচ্চতা · ডিজিটাল
১৬ px। এর নিচে পাঠযোগ্যতা থাকে না — শুধু মার্ক ব্যবহার করুন, লকআপ নয়।
সর্বনিম্ন উচ্চতা · প্রিন্ট
৬ mm।

রং

পাঁচটি রং, কঠোর ভূমিকা।

ডিফল্টভাবে প্রায় মনোক্রোম। সবুজ একটি অ্যাকসেন্ট, থিম নয় — বড় জায়গা কখনো এতে ভরবে না।

ইঙ্ক
#0a0a0a
rgb 10 · 10 · 10

হালকা জমিনে টেক্সট। গাঢ় সারফেস।

পেপার
#fafafa
rgb 250 · 250 · 250

পেজের হালকা ব্যাকগ্রাউন্ড।

সাদা
#ffffff
rgb 255 · 255 · 255

paper-এর ওপর কার্ড। ink-এর ওপর টেক্সট।

অ্যাকসেন্ট
#3fcf8e
rgb 63 · 207 · 142

সবুজ — শুধু গাঢ় সারফেসে।

হালকা অ্যাকসেন্ট
#0e9e6e
rgb 14 · 158 · 110

সাদার ওপর অ্যাকসেন্ট টেক্সট — লিংক ও লেবেলে।

টাইপোগ্রাফি

কথা বলে Roboto।

দুটি ফন্ট পরিবারেই সব কভার হয়। তৃতীয় টাইপফেস নয়, জোর দিতে ইটালিক নয়।

একটি কোরে বারোটি প্রোডাক্ট।
Roboto 400 · 500 · 700

UI ও হেডিং — বডিতে 400, হেডিং ও লকআপে 500, 700 মাপমতো।

/// FACT SHEET · 12
Roboto Mono 400

লেবেল, আইব্রো ও সংখ্যা — আপারকেস, চওড়া ট্র্যাকিং।

Regular 400Medium 500Bold 700
/// SECTION LABEL

সেকশন লেবেল শুরু হয় তিনটি স্ল্যাশ ও একটি স্পেস দিয়ে — Roboto Mono-তে, আপারকেস, চওড়া ট্র্যাকিংয়ে। স্ল্যাশগুলো টাইপ করা অক্ষর, আঁকা আর্ট নয়।

ভাষা ও সুর

কম বলুন, মন থেকে বলুন।

হেডলাইন থেকে বাটনের লেবেল পর্যন্ত Protocore-এর প্রতিটি লাইনে পাঁচটি নিয়ম খাটে।

01ছোট, সরাসরি বাক্যপ্রতি বাক্যে একটি ভাবনা। যে অংশ বাদ দেওয়া যায়, বাদ দিন।
02নির্দিষ্ট সংখ্যাশুধু সত্যিকারের সংখ্যা — বারোটি প্রোডাক্ট, একটি কোর। গোলাকার করা সংখ্যার চেয়ে সংখ্যা না দেওয়াই ভালো।
03আতিশয্যের বিশেষণ নয়যুগান্তকারী, নিরবচ্ছিন্ন, অত্যাধুনিক — চোখে পড়লেই মুছুন। কাজ করে বিশেষ্য।
04নিয়ন্ত্রক সংক্রান্ত দাবি নয়ব্র্যান্ড কপিতে লাইসেন্স, রেজিস্ট্রেশন বা কমপ্লায়েন্স অবস্থা কখনো বলবেন না, ইঙ্গিতও দেবেন না।
05Sentence caseUI কপি, হেডিং ও বাটনে sentence case ব্যবহার করুন। আপারকেস শুধু mono লেবেলের জন্য।

নামকরণ

প্রোডাক্টের নামে পরিবারের নাম থাকে।

একটি নিয়ম, ব্যতিক্রম ছাড়া।

প্রথম উল্লেখ
পূর্ণ নাম — “Protocore Pay”, “Protocore Gateway”। এরপর শুধু প্রোডাক্টের নাম।
PDS
Protocore Design System-এর সংক্ষিপ্ত রূপ। প্রথম উল্লেখে পূর্ণরূপ লিখুন; এরপর PDS।
কোম্পানি
Protocore — এক শব্দ, বড় হাতের P। কখনো ProtoCore, PROTOCORE বা Proto Core নয়।

ব্যবহার

এটা করুন, ওটা নয়।

প্রেস কিটের নিয়মগুলো, পুরো সিস্টেমে প্রসারিত।

করুন
  • 01চারদিকে মার্কের প্রস্থের সমান ফাঁকা জায়গা রাখুন।
  • 02হালকা ব্যাকগ্রাউন্ডে কালো ভ্যারিয়েন্ট, গাঢ় ব্যাকগ্রাউন্ডে সাদা ভ্যারিয়েন্ট ব্যবহার করুন।
  • 03অ্যাকসেন্ট ভ্যারিয়েন্ট শুধু ইঙ্ক (#0a0a0a) সারফেসের জন্য রাখুন।
  • 04SVG ফাইল থেকে স্কেল করুন — যেকোনো সাইজে মার্ক ধারালো থাকে।
  • 05জায়গা স্কয়ার হলে স্ট্যাকড লকআপ ব্যবহার করুন।
  • 06উচ্চতা ১৬ px-এর নিচে নামলে শুধু মার্ক ব্যবহার করুন।
করবেন না
  • 01দেওয়া ভ্যারিয়ান্টের বাইরে মার্কের রং বদলাবেন না।
  • 02ঘোরাবেন না, আউটলাইন করবেন না, শ্যাডো বা অন্য ইফেক্ট যোগ করবেন না।
  • 03মার্ক নতুন করে আঁকবেন না, অনুপাত বদলাবেন না।
  • 04Protocore নাম অন্য টাইপফেসে বসাবেন না — লকআপে Roboto Medium ব্যবহার হয়।
  • 05সাদার ওপর অ্যাকসেন্ট সবুজ বসাবেন না — সেখানে অ্যাকসেন্ট টেক্সটের জন্য #0e9e6e ব্যবহার করুন।
  • 06ফটোগ্রাফি বা গ্রেডিয়েন্টের ওপর মার্ক বসাবেন না — শুধু সলিড ink বা paper।