[null,null,["最后更新时间 (UTC)：2025-07-25。"],[[["\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"]]
