Customization

Learn how to personalize your Floot app’s branding, icons, appearance, and legal documents.

Newly created app includes Floot branding. You can easily customize it to match your own brand preferences and legal requirements.

Legal Documents

The default legal documents in the assets/legal directory reference a sample company (ACME) and serve as placeholders.

Important

DO NOT use these documents as-is; they are not legally binding and should be replaced with your own legal documents. Floot will not be responsible for any consequences resulting from neglecting to update or properly customize these documents.

privacy_policy.md

terms_of_use.md

To comply with legal requirements and personalize your app, update the files in the assets/legal directory with your own privacy policy and terms of use.

Replace the content in assets/legal/privacy_policy.md with your privacy policy.

Replace the content in assets/legal/terms_of_use.md with your terms of use.

Ensure both documents are properly formatted in Markdown and include all required legal information for your jurisdiction.

Always consult with legal professionals to ensure your privacy policy and terms of use comply with applicable laws and regulations.

Logo

The logo is used in two locations: in the frontend and in the backend (for email templates).

logo.svg

Flutter

Replace the file at assets/app/logo.svg with your own logo.

(Optional) If you change the logo's filename or extension, update the AppAssets reference accordingly.

lib/core/presentation/utils/constants/assets.dart

final class AppAssets {
  // ...existing code

  /// The logo of the app.
  static const String logo = 'assets/app/new_logo.png'; // new logo
}

Remember to update any related unit tests to reflect changes to the logo.

Supabase

Replace the file at supabase/storage_seeds/assets/images/logo.svg with your own logo.

(Optional) If you change the logo's filename or extension, update the Assets reference accordingly.

supabase/functions/_shared/assets.ts

export abstract class Assets {
  static readonly LOGO = `${env.SUPA_STORAGE_URL}/public/assets/images/new_logo.png`; // new logo
}

App Icon

To update your app icon across all platforms, follow these steps:

Design your icons following the guidelines

Replace these assets with yours (keep the names the same)

android_app_icon_background.png

android_app_icon_foreground.png

android_app_icon.png

app_icon_rounded.png

app_icon_transparent.png

app_icon.png

Run this command to apply the changes

Terminal

dart run flutter_launcher_icons

The app leverages the flutter_launcher_icons package to automatically generate icons for all supported platforms. Refer to the package documentation for further customization options and configuration details.

Splash Screen

The splash screen uses the same assets as the app icon. However, you can customize it with different images or settings by updating the configuration in your pubspec.yaml file.

pubspec.yaml

# The following section is specific to the flutter_native_splash package.
flutter_native_splash:
  # settings

Then run this command to apply the changes