How to add your brand kit (fonts, colors, logo, typography) in Flipsnack

Learn how to add your brand kit in Flipsnack (custom fonts, color, logo and text styles) to match you branding guidelines

Table of contents

Overview

Your brand identity plays a crucial role in shaping market perception and establishing credibility. Flipsnack’s brand kit provides a centralized solution for creating and maintaining a consistent visual identity across all your publications. Below, we’ll outline how these premium branding capabilities can boost your brand presence in Flipsnack.

Key benefits

  1. Consistency across all publications: Maintain a unified brand presence across digital flipbooks.
  2. Time-saving customization: Apply predefined brand elements like logos, fonts, and colors.
  3. Enhanced accessibility: Adjust settings to make your flipbooks more user-friendly and inclusive.

Requirements

  1. Subscription Plan: Business and Enterprise plan

  2. Target Audience: Small and Medium Businesses, and Enterprises.

How big brands use Flipsnack’s branding tools

Flipsnack’s branding features help businesses maintain a professional and cohesive identity across all digital publications. Here’s how some major brands leverage these tools:

  • Stand Together: In addition to using a custom domain and a personalized profile, they utilize branded bookshelves to organize and showcase their content efficiently.
  • Mastercard Foundation: Hosts all public flipbooks on a custom subdomain, ensuring their profile aligns with their brand identity. Each flipbook includes the Mastercard logo in the player and features a customized link, reinforcing brand consistency.
  • Asus: Uses a personalized profile to organize and display their product guides and solutions. This setup ensures their publications are accessible worldwide while maintaining a branded experience.

Accessing the branding page

The Branding page is where you can configure your workspace’s brand identity. Follow these steps to access it:

  1. Go to the My Flipbooks page (main dashboard).
  2. Look for Branding in the bottom left corner.
branding-settings-page-in-flipsnack

Available settings

Flipsnack’s workspace branding includes several key areas designed to keep your publications on-brand while saving time. Below is a breakdown of each section.

Profile settings

Your profile acts as a library for your published content. Here’s how to configure it:

  1. Go to Branding page > Brand Profile > Settings.
  2. Manage profile visibility: Set your profile to public or private.
  3. Specify a workspace URL: Choose a unique URL for personalization.
  4. Integrate Google Analytics or Google Tag Manager: Track engagement.
  5. Set Up a Custom Domain and SSL Certificate: Replace Flipsnack URLs with your domain (e.g. publications.yourcompany.com) and secure it with a custom SSL.
Setting options in Flipsnack

Profile personalization

Personalize your profile to align with your branding guidelines:

  1. Go to Branding page > Brand Profile > Personalization.
  2. Customize the header: Add your logo, adjust colors, and match your website’s style.
  3. Add a favicon: Upload a .ICO or .PNG file.
  4. Link social media channels: Connect official pages and add footer links.

Custom fonts

Ensure brand consistency by using custom fonts across all publications:

  1. Go to Branding > Fonts.
  2. Click Upload Font and select a TTF or OTF file.

Recommendation: Verify font licensing before uploading proprietary fonts. If you want to delete a font, just click on the trash can icon, then in the pop-up box that will open, select Delete.

Color palette

Maintain a unified look with a consistent color palette:

  1. Go to Branding > Colors.
  2. Add your brand colors. Apply HEX, RGB, or HSL values for consistency.
  3. Use saved colors in the Design Studio or Customize page for easy access.

Logos

Your logo reinforces brand recognition across all digital content. Follow these steps to upload and configure it:

  1. Go to Branding > Logos.
  2. Click Upload Logo and add different formats.
  3. Store multiple logo variations for different content types.

 

Note: You can set up your logo, background color, and accent color when customizing your flipbook player and in your e-mail before sharing flipbooks with your audience. 

Typography presets

Standardize your text styling by setting up typography presets:

  1. Go to Branding > Typography.
  2. Click Add text styles and define your text presets.
  3. Standardize heading styles (H1-H4): Ensure consistent branding.
  4. Set body text and pagination: Apply preset fonts and sizes.
  5. Save presets for easy application to future flipbooks.
  6. Create up to 20 different styles to use.


Tip: Enterprise users can lock branding assets to prevent users from editing certain sections of a flipbook. Learn more about it by reading this article on Locking templates.

Next steps

Ready to take the next steps? Explore our other detailed guides:

Need expert support?

Our team is here to help. Connect with our team experts or message us via the in-app chat for a personalized demo.