Hi! I am a product designer and noticed that there is no documentation, guides, rules, or available UI Kits of the CarPlay components. I struggle with sizes, spaces, and paddings for all components and styles.
Apple does not share any info about that. I also tried to search on the Internet but did not find anything. Maybe someone has experience in creating the CarPlay design or knows where to found the components or some guides with detailed info about spacing, sizes, etc of each element.
The Apple Human Interface Guidelines for CarPlay apps can be found here: https://developer.apple.com/design/human-interface-guidelines/technologies/carplay/introduction
Design resources that are available for CarPlay include:
https://developer.apple.com/design/human-interface-guidelines/technologies/carplay/introduction
https://developer.apple.com/carplay/documentation/CarPlay-App-Programming-Guide.pdf
In addition to the HI guidelines mentioned above, don't miss the programming guide: https://developer.apple.com/carplay/documentation/CarPlay-App-Programming-Guide.pdf
There's lots of reference images there for the various types of CarPlay templates. Similarly, the developer videos on the CarPlay site have lots of good references too: https://developer.apple.com/carplay/
