Skip to main content

Brand

The Brand section is the central command center for your store's visual identity. The assets you upload here are automatically synced across your storefront, mobile apps, and social media channels to ensure a consistent, professional appearance.

Location: Settings → Brand

Logo Assets​

Your logos serve as the face of your business. Soppiya requires two specific formats to ensure your brand looks sharp on both desktop headers and mobile app icons.

UI Label: Used for most common logo applications

This is your primary logo, displayed on your website header and email invoices.

  • Actions:
    • Change: Click the Change button to open the media library and upload your main logo file.
    • Remove: Click the Remove button to delete the current logo.

UI Label: Used for most common logo applications

A compact 1:1 version of your logo. This is strictly used for mobile app icons, browser favicons (the small icon in browser tabs), and social media profile pictures.

  • Actions:
    • Change: Click the Change button to open the media library. You can upload a new file or select an existing one.
    • Remove: Click the Remove button to delete the current image.
Image Specifications

For both logo types, please adhere to these standards for the best quality:

  • Supported Formats: HEIC, WEBP, SVG, PNG, or JPG.
  • Dimensions: Recommended width 512 pixels minimum.

Brand Colors​

Define the color palette that appears on your store buttons, highlights, and accents.

Primary Color​

The main brand color used for high-impact elements like "Buy Now" buttons and active links.

  • Action: Click the color swatch to open the picker.
  • Input: You can select a color visually or enter a Hex code (e.g., #22DFA9).
  • Reset: Click Reset Color in the picker or Remove to revert settings.

Secondary Color​

Supporting colors used for accents and additional details.

  • Action: Click the color swatch to adjust.
  • Remove: Click the Remove text link to delete the secondary color.

Cover Image​

UI Label: Key image that shows off your brand in profile pages and apps

This large banner image is used as a background header on your profile pages and during app loading screens.

  • Supported formats: HEIC, WEBP, SVG, PNG, or JPG.
  • Recommended width: 512 pixels minimum.
  • Actions:
    • Change: Upload or select a generic brand banner.
    • Remove: Delete the current image.
Design Recommendation

Use an abstract pattern or lifestyle photography. Avoid placing text in this image, as it may be cropped differently on mobile screens versus desktop.

Brand Messaging​

Slogan​

A short, catchy tagline that sits alongside your logo to explain your brand philosophy.

  • Input: Enter a brief phrase.
  • Example: "A unique companion for online shopping"

Short Description​

A concise summary of your business.

  • Usage: This text is used for SEO and social sharing. When you share your store link on Facebook or WhatsApp, this text appears below the title.

Connect your store to your external social media profiles. These are displayed as clickable icons in your store's footer.

How to manage links:

  1. Click the Add social link button.
  2. Choose your platform (Facebook, Twitter/X, Tumblr, Youtube, etc.).
  3. Enter the Full URL to your specific profile.

    Correct Format: https://www.facebook.com/yourpage

  4. Remove: Click the red Remove text on the right side of any link to delete it.

Brand Asset Checklist​

Located on the Right Sidebar

To track your setup progress, refer to the checklist on the right side of the screen. It is divided into two categories:

  • Essential: Critical assets (Logos, Colors) required for a functional store.
  • Additional: Recommended assets (Social links, Slogan) for a polished look.

Green Checkmark: Indicates the asset is successfully saved. Aim for all green checks before launching your store.