Brand Identity & Legal Content Pages
Navigation Path: Sidebar → Experience Manager → Brand
- Brand Identity:
tab=brand:identity - Brand Content:
tab=brand:content
The Brand section allows you to customize your shared visual brand tokens (logo, favicon, colors) and manage your versioned legal and brand pages (About Us, Privacy Policy, Terms & Conditions).
1. Brand Identity (tab=brand:identity)
Your Brand Identity establishes the core visual tokens shared across all customer portals (Storefront, Marketing, Resolve, and Papers).
[!IMPORTANT] One Brand Across All Touchpoints: Your brand identity is intentionally shared by every surface. Updating your logo or primary color updates your storefront, marketing blog, and support desk simultaneously.
1.1 Store Name, Logo & Favicon Controls
1.2 Theme Color Swatches & HSL Tokens
UI Controls & Options
| Field Label | Control Type | Input / Options | Purpose & Live Effect | Data Source Origin |
|---|---|---|---|---|
| Store Name | Text Input | Plain text (e.g. Agile Foods) | Displays in browser title bars, header text logos, footers, and system emails. | Typed by user. |
| Logo | Image Picker | Upload Image / Select from Assets / Paste Image URL | Renders in the top header of all customer portals. Recommended format: SVG or transparent PNG. | Populates from your Digital Assets manager. |
| Favicon | Image Picker | Upload Icon / Select from Assets / Paste Icon URL | Renders as the small icon in browser tabs. Supported formats: .ico, .png, .svg. | Populates from your Digital Assets manager. |
| Primary Color | Color Swatch & Hex Input | CSS Hex Code (e.g. #2563eb) | Applied to primary buttons, active navigation items, badges, and call-to-action highlights. | Interactive color picker swatch or manual hex entry. |
| Secondary Color | Color Swatch & Hex Input | CSS Hex Code (e.g. #64748b) | Applied to secondary buttons, card borders, and dark mode subtle accents. | Interactive color picker swatch or manual hex entry. |
2. Brand Content Pages (tab=brand:content)
Brand Content (Orbit Brand Page Content - OBPC) is your editor for versioned company and legal documentation, such as About Us, Privacy Policy, Terms & Conditions, and Return Policies.
2.1 Monaco Code Editor & AI Generation Toolbar
Key Capabilities
- Visual & HTML Code Editor: Write content in plain text, Markdown, or full HTML using an embedded code editor with live split-screen preview.
- ✨ AI Content Generation: Click AI Generate to launch the AI content assistant. Enter a brief prompt (e.g., "Write a standard e-commerce privacy policy for a UK business") and the AI generates complete, professionally formatted copy directly into your editor.
- 🌐 Deep Translation: Click Deep Translate to automatically translate your legal page into all target languages supported by your organization.
- Draft vs. Published Versions: You can save and preview draft updates as many times as you like. Changes only go live on your customer site when you click Publish.