আইকন

Spaceship আইকনগুলি জটিল কার্যক্রম ও ধারণাকে তাৎক্ষণিকভাবে চেনা যায় এমন প্রতীকে রূপান্তরিত করে, যা ব্যবহারকারীদের সহজে নেভিগেট ও ইন্টারঅ্যাক্ট করতে সহায়তা করে।

Hero Image

সার্বজনীন হলেও স্বতন্ত্র, আমাদের আইকনগুলো ব্র্যান্ডের ক্ষুদ্রতম নির্মাণ উপাদান, তাৎক্ষণিকভাবে চেনার জন্য ডিজাইন করা হয়েছে এবং স্পষ্টভাবে Spaceship পরিচয় বজায় রাখে।



সংস্করণসমূহ

সব Spaceship আইকন দুটি সংস্করণে পাওয়া যায়: আউটলাইন (প্রাইমারি) এবং ফিল্ড (সেকেন্ডারি)।









নির্মাণ

আইকনগুলো নির্ধারিত নিয়ম অনুযায়ী ডিজাইন করা হয়েছে — বেস গ্রিড থেকে স্ট্রোক প্যারামিটার পর্যন্ত — যাতে ধারাবাহিক ও ভারসাম্যপূর্ণ ফলাফল নিশ্চিত হয়।









আকার

ডিজাইনে স্কেলযোগ্য, আইকনগুলো পাঁচটি আকারে ব্যবহার করা উচিত যাতে পুরো সিস্টেমে স্পষ্টতা ও ভিজ্যুয়াল সামঞ্জস্য বজায় থাকে।









রঙসমূহ

রঙ একটি অপরিহার্য উপাদান যা ব্যবহারকারীদের নির্দিষ্ট ইন্টারফেসে তাদের পণ্য সহজে চেনার ক্ষেত্রে সহায়তা করে। এই UI প্রেক্ষাপটে ধারাবাহিকতা নিশ্চিত করতে, আইকনগুলো Spaceship Design System-এর রঙ ব্যবহার করে।






ব্র্যান্ড রঙসমূহ

Spaceship-এর মূল রঙ হিসেবে, এগুলোই আইকনের জন্য প্রধান পছন্দ হওয়া উচিত — প্ল্যাটফর্ম UI-এর মতো কার্যকরী প্রেক্ষাপটে হোক বা পণ্যের পৃষ্ঠায় বৈশিষ্ট্য উপস্থাপনার মতো আরও বর্ণনামূলক ব্যবহারে। আরও বিস্তারিত জানতে রঙের পৃষ্ঠা দেখুন।






পণ্যের রঙসমূহ

একটি পণ্যের প্রধান রঙ তার সংশ্লিষ্ট আইকনে প্রয়োগ করা উচিত। এটি Spaceship ইকোসিস্টেম জুড়ে পণ্য চেনা ও সচেতনতার জন্য গুরুত্বপূর্ণ।






বিজ্ঞপ্তির রঙসমূহ

বিজ্ঞপ্তির রঙ ব্যবহার করে সতর্কবার্তা আরও জোরদার করুন। এগুলো শুধুমাত্র সতর্ক আইকনে প্রয়োগ করা উচিত, মাঝে মাঝে ব্যতিক্রম হতে পারে যেখানে অন্য কোনো আইকনও সফলতা, ত্রুটি বা সতর্ক অবস্থার প্রতিনিধিত্ব করে।







নির্দেশনা

আইকন ব্যবহারের সময় কী এড়ানো উচিত তার কিছু উদাহরণ এখানে দেওয়া হলো।




আইকন বিকৃত, ঘোরানো বা উল্টানো যাবে না। সবসময় অনুপাত বজায় রেখে স্কেল করুন।


৪০x৪০px-এর চেয়ে বড় আইকন ব্যবহার করবেন না। উপাদানগুলোর মধ্যে ভারসাম্য বজায় রাখার চেষ্টা করুন।


টিন্ট বা শেড ব্যবহার করবেন না।