Theme colors, logos, OG image, social previews.
On the Branding β Blueprint page Insight presents fundamentally different visual directions for the project. Picking one stores it as the agreed-upon design reference and applies that language across all pages. Refine by chatting ("more playful", "darker"). The page owns design only; project name and description live on Branding β Social Display, and the features list lives in the Todo List tab.
Project-wide theme colors live as CSS variables. Update them via the updateBrandingColors tool or in Branding β Colors. Pages and components reference colors by role (bg-primary, text-accent) so changing the theme propagates everywhere automatically.
Upload primary logo (400Γ100), square app icon (512Γ512), favicon (32Γ32), Apple touch icon (180Γ180). The platform places them in the right slots automatically, no code needed to wire them into the app header, browser tab, or PWA install prompt.
Edit project name, description, and OG image (1200Γ630) on Branding β Social Display. These appear in browser tabs, search results, and link previews on Facebook, Twitter/X, Slack. If no OG image is uploaded, the platform auto-generates one from the homepage screenshot.