Skip to content

Branding & White-label Options โ€‹

Perfect โ€” thank you for the detailed breakdown. Based on your answers, here's the complete Branding & White-Label Options section for your documentation, structured clearly and professionally.


Configuration & Customization โ€‹

๐ŸŽจ Branding & White-Label Options โ€‹

Ridy is designed as a white-label platform, enabling clients to customize the look, feel, and identity of their apps. While driver and customer apps are fully brandable, certain core elements like BetterSuite references in the admin panel must remain intact due to licensing restrictions.


๐Ÿ–ผ๏ธ App Logos, Icons & Splash Screens โ€‹

All Flutter apps come with:

  • Empty logo placeholders
  • Integrated support for launch icon and splash screen generation

โœ… Tools Included

ToolPurpose
flutter_launcher_iconsGenerates app launcher icons
flutter_native_splashCreates platform splash screens

๐Ÿ”ง How to Customize

  1. Place a 1024x1024 non-transparent icon in your project (e.g., assets/logo/icon.png)

  2. Edit the config file located at each app's root:

    • flutter_launcher_icons.yaml
    • flutter_native_splash.yaml
  3. Run the generation commands:

    bash
    dart run flutter_launcher_icons
    dart run flutter_native_splash:create
  4. Update the splash screen background color and logo path as needed.


๐ŸŒˆ Theming Options โ€‹

Ridy apps include 8 pre-built themes, switchable using the BetterThemes enum via:

dart
theme: BetterTheme.fromBetterTheme(BetterThemes.cobalt, context.isDesktop, false),
darkTheme: BetterTheme.fromBetterTheme(BetterThemes.cobalt, context.isDesktop, true),

Available Themes

ThemeDescriptionRecommended Use
electricIndigoBold purple accent, vibrant feelBetterShop, modern brands
cobaltSleek deep blue with yellow highlightsโœ… Taxi (default)
coralRedHigh-contrast red tone, energeticDelivery, food
earthyGreenOrganic, nature-oriented greenEco fleets, logistics
noirDark mode, minimalist UIโœ… Taxi (dark UI)
hyperPinkNeon-style vibrant pinkBetterShop, Fashion, cosmetics
sunburstYellowBright, optimistic yellow-orangeโœ… Taxi (sunny cities)
automnOrangeEarthy, burnt-orange lookUtility/logistics

For taxi businesses, we recommend cobalt, noir, and sunburstYellow.

๐Ÿงช Custom Themes

You can create your own themes by extending the ColorSystem class in the design system:

dart
final myTheme = ColorSystem(primary: Color(0xFF123456), ...);

๐Ÿ“ƒ Admin Panel Branding โ€‹

During the Admin Installation Wizard, youโ€™ll be prompted to:

  • Upload logos
  • Set brand name

โš ๏ธ Note: The BetterSuite branding and logo cannot be removed from the admin panel UI due to licensing terms.


โœ‰๏ธ SMS Template Customization โ€‹

Ridy allows SMS customization per provider:

  • Go to Settings โ†’ SMS Providers in the Admin Panel
  • Each provider has its own templating rules
  • Templates can be personalized with placeholders and formatting

๐ŸŒ Web & Package Identity โ€‹

  • Web apps (Admin, Rider Web) can be deployed under custom domains like admin.mycompany.com
  • Flutter apps support changing:
    • applicationId (Android)
    • bundleIdentifier (iOS)

These must be set before Firebase setup to ensure matching app registrations.


๐Ÿšซ What You Cannot Change โ€‹

Restricted AreaReason
BetterSuite logo in Admin PanelLicensing requirement
Powered-by references (admin)Must remain visible