Skip to content

Company Branding

Customize Expensed with your organization's logo and brand colors.

Accessing Branding Settings

  1. Click Admin in the sidebar
  2. Click Company Settings
  3. Find the Branding section

Admin Role Required

Only organization Admins can modify branding settings.

Branding Settings Desktop

Branding Settings Mobile

Brand Color

Set your organization's primary color:

  1. Click the color picker or
  2. Enter a hex code (e.g., #FF5900)
  3. See live preview of changes
  4. Click Save

Where Color Applies

Your brand color appears on:

  • Buttons - Primary action buttons
  • Links - Clickable text
  • Icons - Interface icons
  • Charts - Dashboard visualizations
  • The "$" logo - Expensed logo accent

Color Preview

The preview shows:

  • Button appearance
  • Icon colors
  • Sidebar accents
  • Before committing changes

Choosing a Good Color

Brand Color Tips

  • Use your primary brand color
  • Ensure good contrast with white text
  • Avoid very light colors (hard to see)
  • Match your website/email colors

Upload your organization's logo:

  1. Click Upload Logo or drag a file
  2. Preview the logo placement
  3. Click Save

Logo Requirements

Requirement Specification
Format PNG or SVG
Background Transparent recommended
Width 200-400 pixels
Aspect Ratio Horizontal (3:1 or 4:1)
Max Size 2 MB

Where Logo Appears

Your logo displays:

  • In the top navigation bar
  • Next to the Expensed logo
  • On exported PDF reports
  • In email notifications (coming soon)

To go back to default:

  1. Click Remove Logo
  2. Confirm removal
  3. Only Expensed logo shows

Company Name

Set your organization's display name:

  1. Find the Company Name field
  2. Enter your organization name
  3. Click Save

The name appears:

  • In the navigation bar
  • On reports and exports
  • In email notifications

Preview Changes

Before saving:

  1. Make your changes
  2. Look at the live preview panel
  3. See how colors look in dark/light mode
  4. Confirm you're happy
  5. Click Save

All Users See Changes

Immediate Effect

Branding changes apply instantly to all organization members. Everyone sees the new look on their next page load.

Dark Mode Compatibility

Your brand color works in both modes:

  • Light mode: Color on light backgrounds
  • Dark mode: Automatically adjusted for visibility

Test in both modes before saving.

Best Practices

Logo Design

  • Use transparent PNG for best results
  • Ensure logo is legible at small sizes
  • Horizontal logos work best
  • Simple logos scale better

Color Selection

  • Choose your main brand color
  • Ensure AA accessibility contrast
  • Test with colorblind users if possible
  • Consistent with your other tools

Background Removal

If your logo has a background:

  1. Visit remove.bg
  2. Upload your logo
  3. Download transparent PNG
  4. Upload to Expensed

Resetting to Default

To reset all branding:

  1. Clear the company name (or keep it)
  2. Remove the logo
  3. Set color to default (#FF5900)
  4. Click Save

Next: Approval Workflows →