ছোট, সহজ গ্রাফিক্যাল উপাদান যা মূল ওয়েব কম্পোনেন্টগুলোকে উন্নত করে, দ্রুত ও কার্যকরভাবে ধারণা প্রকাশ করে।

শাব্দিক, কার্যকরী এবং জ্যামিতিক — আমাদের পিক্টোগ্রামগুলো ধারণাগুলোকে তাদের সবচেয়ে বিশুদ্ধ রূপে প্রকাশ করে, স্পষ্ট উদ্দেশ্য ও চিরন্তন সরলতা প্রকাশ করে।
Spaceship পিক্টোগ্রাম দুটি টাইপে আসে: রেগুলার এবং কম্প। কম্প টাইপটি একটি রেগুলার পিক্টোগ্রামকে Spaceship-এর আইকনোগ্রাফি লাইব্রেরির একটি আইকনের সাথে সংযুক্ত করে, যা আমাদের আরও জটিল ও নির্দিষ্ট ধারণা প্রকাশ করতে দেয়।
সব Spaceship পিক্টোগ্রাম দুটি ভার্সনে পাওয়া যায়: ফিল্ড (প্রাইমারি) এবং আউটলাইনড (সেকেন্ডারি)। আউটলাইনড ভার্সন শুধুমাত্র তখনই ব্যবহার করা উচিত যখন পিক্টোগ্রামের ভিজ্যুয়াল ওজন আশেপাশের পিক্টোগ্রাম, টেক্সট বা UI উপাদানের তুলনায় কম হওয়া দরকার। এটি জটিল লেআউটে ভিজ্যুয়াল হায়ারার্কি প্রতিষ্ঠা করতে সাহায্য করে।
পিক্টোগ্রাম একটি নিয়মাবলীর উপর ভিত্তি করে তৈরি, বেস গ্রিড থেকে গ্রেডিয়েন্ট ও স্ট্রোক প্যারামিটার পর্যন্ত, যাতে সামঞ্জস্যপূর্ণ ও ভারসাম্যপূর্ণ ফলাফল নিশ্চিত হয়।
Spaceship পিক্টোগ্রাম স্কেলযোগ্যভাবে ডিজাইন করা হয়েছে, ভিজ্যুয়াল সামঞ্জস্য বজায় রেখে এবং সর্বোত্তম পাঠযোগ্যতা নিশ্চিত করে। আমাদের ডিজাইন সিস্টেমে পাঁচটি পিক্টোগ্রাম সাইজ রয়েছে।
পিক্টোগ্রাম সাধারণত একক রঙ ব্যবহার করে। একমাত্র ব্যতিক্রম হলো কম্প টাইপ, যেখানে Spaceship-এর ব্র্যান্ড বা নোটিফিকেশন রঙ অন্তর্ভুক্ত থাকতে পারে, যার সম্পর্কে নিচে আরও তথ্য পাবেন। UI কনটেক্সটে সামঞ্জস্য নিশ্চিত করতে, পিক্টোগ্রামগুলো Spaceship Design System-এর রঙের রেফারেন্স অনুসরণ করে।

পিক্টোগ্রামের জন্য ধূসর ডিফল্ট রঙ এবং এটি বার্তা, অ্যাকশন বা ফিচার উপস্থাপনের জন্য ব্যবহার করা উচিত। বিশেষ ক্ষেত্রে, এটি পণ্যের জন্যও ব্যবহার করা যেতে পারে। আউটলাইনড পিক্টোগ্রাম শুধুমাত্র ডিফল্ট রঙে উপলব্ধ।
SPS Blue, SPS Dark Gray, অথবা সাদা, ডিফল্ট রঙের পরিবর্তে ব্যবহার করা যেতে পারে যখন আরও ভিজ্যুয়াল ইমপ্যাক্ট প্রয়োজন বা Spaceship-এর পরিচিতি জোরদার করতে হয়। আরও বিস্তারিত জানতে রঙের পৃষ্ঠা দেখুন।
প্রধান প্রোডাক্ট রঙটি পণ্য-নির্দিষ্ট কনটেক্সটে (পণ্য পৃষ্ঠা, পণ্য কার্ড ইত্যাদি) পিক্টোগ্রামের জন্য ব্যবহার করা উচিত, সব বর্তমান ও ভবিষ্যৎ পণ্যের জন্য।
এই রঙগুলো নোটিফিকেশন বার্তা জোরদার করতে ব্যবহার করা উচিত। কম্প ভার্সন শুধুমাত্র সাধারণ সিস্টেম বার্তায় ব্যবহার করা উচিত, সতর্কতা অবস্থায় নয়।
পিক্টোগ্রাম তৈরি ও ব্যবহারের সময় কী এড়ানো উচিত তার কিছু উদাহরণ এখানে দেওয়া হলো।
রেগুলার পিক্টোগ্রামের মূল উপাদানগুলোকে নিচের ডান কোণে পড়তে দেবেন না।
ফিল্ড ভার্সনে জটিল বা বহু রঙের গ্রেডিয়েন্ট ব্যবহার করবেন না।
কম্প টাইপে ফিল্ড ও আউটলাইনড উপাদান একসাথে ব্যবহার করবেন না।
উপরোক্ত রঙ ছাড়া ফিল্ড ভার্সনে অন্য কোনো রঙ ব্যবহার করবেন না।
ডিফল্ট রঙ ছাড়া আউটলাইনড ভার্সনে কোনো রঙ ব্যবহার করবেন না।
Spaceship ব্র্যান্ডের প্রাইমারি ও নোটিফিকেশন রঙ ছাড়া ডিফল্ট রঙের সাথে অন্য কোনো রঙ মিশাবেন না।