সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
গাড়ির নির্মাতারা রঙ, টাইপোগ্রাফি এবং অন্যান্য ভিজ্যুয়াল উপাদানগুলির কৌশলগত পছন্দগুলির মাধ্যমে একটি গাড়ির স্ক্রিনে ভালভাবে কাজ করার জন্য তাদের UI কাস্টমাইজ করতে পারে।
একটি ড্রাইভিং-অপ্টিমাইজ করা রঙ প্যালেট এবং গ্রেডিয়েন্ট প্রদান করে, পাশাপাশি বৈসাদৃশ্য, দিন এবং রাতের রঙ মোড এবং আরও অনেক কিছু সম্পর্কে নির্দেশিকা প্রদান করে
একটি টাইপোগ্রাফিক স্কেল এবং রেফারেন্স গ্রিড প্রদান করে, পাশাপাশি টাইপ আকার এবং শৈলী ব্যবহার করার জন্য নির্দেশিকা প্রদান করে যা ড্রাইভারের উপর জ্ঞানীয় লোড কমিয়ে দেয়
[null,null,["2025-07-24 UTC-তে শেষবার আপডেট করা হয়েছে।"],[[["\u003cp\u003eCar makers can customize their UIs by strategically using color, typography, and other visual elements to optimize the driving experience.\u003c/p\u003e\n"],["\u003cp\u003eThe design system offers guidance on color palettes, layout adjustments for different screen sizes, and appropriate use of motion in automotive contexts.\u003c/p\u003e\n"],["\u003cp\u003eIt also provides recommendations for shapes, sizing, and typography to ensure clear visibility and easy interaction for drivers.\u003c/p\u003e\n"]]],[],null,["# Design system\n\n\u003cbr /\u003e\n\nCar makers can customize their UIs to work well on a car screen through strategic choices of color, typography, and other visual elements.\n[](/cars/design/automotive-os/design-system/color) [Color\n-----](/cars/design/automotive-os/design-system/color)\n\n\nProvides a driving-optimized color palette and gradients, plus guidance about contrast, day and night color modes, and more\n[](/cars/design/automotive-os/design-system/layout) [Layout\n------](/cars/design/automotive-os/design-system/layout)\n\n\nDiscusses the methods used to adjust car makers' layouts to car screens of various widths and heights \n[](/cars/design/automotive-os/design-system/motion) [Motion\n------](/cars/design/automotive-os/design-system/motion)\n\n\nProvides guiding principles for when to use motion -- and when *not* to use it -- in an automotive context\n[](/cars/design/automotive-os/design-system/shapes) [Shapes\n------](/cars/design/automotive-os/design-system/shapes)\n\n\nProvides guidance for using corner radius to emphasize the importance of some screen elements relative to others\n[](/cars/design/automotive-os/design-system/sizing) [Sizing\n------](/cars/design/automotive-os/design-system/sizing)\n\n\nProvides guidance for sizing and positioning icons and touch targets to make them easy for drivers to see and touch\n[](/cars/design/automotive-os/design-system/typography) [Typography\n----------](/cars/design/automotive-os/design-system/typography)\n\n\nProvides a typographic scale and reference grid, plus guidance for using type sizes and styles that minimize cognitive load on drivers"]]