White-Label Branding
Every Predictu widget is fully white-labeled to match your casino's brand identity. Your players see your colors, your logo, and your design language — never Predictu's. The prediction market experience feels like a native part of your casino, not a third-party add-on.
What You Can Customize
The branding system gives you control over every visual aspect of the widget:
Colors
- Primary brand color — used for buttons, links, active states, focus indicators, and badges throughout the UI.
- Accent color — secondary highlights for hover states and accent borders.
- Background and surface colors — page backgrounds, card surfaces, and hover states, creating visual depth and hierarchy.
- Text colors — primary text, secondary/muted text, and label colors for readability at every level.
- Border and input colors — subtle details that tie the interface together with your design system.
- Trading button colors — distinct colors for buy/yes and sell/no actions, ensuring clarity for your players.
Imagery
- Logo — your logo replaces the default Predictu logo in the widget header. Recommended format: transparent background, optimized for display at navigation bar size.
- Hero banner — an optional full-width banner displayed on the market discovery page for promotional messaging or brand reinforcement.
- Favicon — your browser icon, applied when the widget runs in standalone mode.
Layout
- Border radius — control the corner roundness across all cards, buttons, inputs, modals, and badges. Set sharp corners for a sportsbook aesthetic, or rounded corners for a more casual feel.
How Branding Works
Zero-Flash Loading
The branding system is designed to prevent any flash of unstyled or default-styled content. Your brand colors are applied before the widget renders its first visible frame. Players always see your brand from the very first moment.
Dark Theme Optimization
Most casino sites use dark themes, and the Predictu widget is optimized for dark interfaces out of the box. The branding system supports fine-grained control over surface elevation (background, card, and hover colors), allowing you to create depth and visual hierarchy that matches your casino's existing dark design language.
Accessibility Considerations
The branding editor helps you maintain accessible color combinations. When choosing colors, ensure sufficient contrast between text and background surfaces for readability. The trading button colors (buy and sell) should be instantly distinguishable from each other so players can quickly identify the action they are taking.
Testing Your Brand
After configuring your branding, we recommend reviewing these key areas to ensure a polished experience:
| Area | What to Check |
|---|---|
| Market discovery | Card backgrounds, text readability, and badge/button colors |
| Trading interface | Buy and sell button distinction, input field backgrounds, and border visibility |
| Portfolio view | Profit and loss indicators are clearly distinguishable |
| Mobile layout | Navigation bar colors and touch target contrast |
| Loading states | Skeleton placeholders blend naturally with your surface colors |
| Dropdown menus | Menu surfaces are visually distinct from the page background |
Key Benefits
- Your brand, not ours — players see your casino's identity throughout the entire prediction market experience.
- No developer required — configure everything through a visual editor with live preview.
- Instant updates — change your branding at any time and see it reflected immediately in new sessions.
- Zero-flash loading — your brand colors are applied before the first frame renders, eliminating any default-style flicker.
- Complete coverage — every UI element, from buttons to charts, adopts your brand automatically.
