Builder

This is the most important concept in the Saint Studios Builder. Pages and Styles serve completely different purposes. PAGES (swipeable screens) - Each page is a screen the user sees on the car - Users swipe left/right to navigate between pages - ALL pages get pushed to the car together in one .saint file - Use pages for: driving dashboard, music controls, phone, settings - Managed via the page bar at the bottom of the canvas STYLES (design variations) - Each style is an independent version of your entire theme (all pages) - Only the ACTIVE style gets exported when you push/export - The other styles stay in your .saintstudios project file - Use styles for: dark/light versions, color variations, experiments - Managed via the style tabs in the toolbar (Style 1, Style 2, +) Example: You're building a theme called 'Carbon'. It has 4 pages (Drive, Music, Comms, Controls) and 2 styles (Dark, Light). • Style 1 'Carbon Dark' contains all 4 pages with dark colors • Style 2 'Carbon Light' contains all 4 pages with light colors When you push Style 1 → the car gets Carbon Dark with all 4 swipeable pages. When you push Style 2 → the car gets Carbon Light with all 4 swipeable pages. Both show up in the car's theme switcher as separate themes. Remember: - Want more screens on the car? → Add Pages - Want a color variation? → Add a Style - Pages ship together. Styles ship separately.

Last updated: Mar 28, 2026