Customization Guide

Customize Appy's branding and email templates to match your brand identity.

On this page

Branding

Customize Appy's visual identity to match your brand. Navigate to Admin > Settings > General Settings.

Site Logo

Upload your company logo to appear throughout the platform:

  • Recommended format: PNG or SVG
  • Recommended size: Maximum height 40-50px
  • Background: Transparent preferred
  • Where it appears: Header, login page, emails, invoices

Favicon

Set a custom favicon for browser tabs:

  • Format: ICO, PNG, or SVG
  • Size: 16x16px or 32x32px (can be larger, will be scaled)
  • Tip: Use a simple, recognizable icon that works at small sizes

Site Name

Your platform name appears in:

  • Browser title tags
  • Email templates
  • Footer copyright notices
  • Email subject lines

Site Description

A brief description of your platform:

  • Used for SEO meta descriptions
  • Displayed on public pages if enabled
  • Keep it under 160 characters for best SEO

Color Scheme

While Appy uses Tailwind CSS with a default blue theme, you can customize colors by modifying the Tailwind configuration:

  1. Edit tailwind.config.js in your installation directory
  2. Modify the primary color palette
  3. Run npm run build to recompile assets

Tip: Changes to logos and branding take effect immediately. Clear your browser cache if you don't see updates.

Email Templates

Customize automated emails to match your brand voice and style. Go to Admin > Email Templates.

Available Templates

Appy includes templates for common email notifications:

  • Welcome Email: Sent when new users register
  • Password Reset: Password recovery instructions
  • Email Verification: Confirm email address
  • Subscription Confirmation: Payment successful
  • Subscription Canceled: Subscription ended
  • Build Completed: App build ready to download
  • Build Failed: Build encountered an error
  • Credits Low: Running low on build credits
  • Credits Depleted: No build credits remaining

Editing Templates

1

Select Template

Click Edit on any email template.

2

Customize Subject

Edit the email subject line. Use variables for personalization.

3

Edit Body Content

Modify the email body. HTML is supported for formatting.

4

Use Variables

Insert dynamic content using variables.

Available Variables

Use these variables in subject lines and body content:

Variable Description
{user_name}User's full name
{user_email}User's email address
{site_name}Your site name
{site_url}Your site URL
{app_name}App name (where applicable)
{plan_name}Subscription plan name
{amount}Transaction amount
{build_credits}Available build credits

HTML Formatting

Email templates support HTML for rich formatting:

<h2>Welcome to {site_name}!</h2>
<p>Hello <strong>{user_name}</strong>,</p>
<p>Thank you for joining our platform.</p>
<a href="{site_url}">Get Started</a>

Testing Templates

Some templates include a preview feature:

  1. Click Preview to see how the email looks
  2. Variables are filled with sample data
  3. Check formatting on both desktop and mobile views

Resetting Templates

If you want to restore the default template:

  1. Click Reset to Default
  2. Confirm the action
  3. Your customizations will be permanently lost

Important: Test emails after making changes. Send a test email to yourself to verify formatting and content.

© 2026 Titan Systems. All Rights Reserved.