How to use the Gingersauce brand book builder: Create a brand book online

How to use the Gingersauce, a pro tool for creating brand books: Create a brand book online

It’s so hard to spread the word nowadays. Too expensive, too slow, too difficult. There are just too many options to choose from. In this climate, it is important that you make yourself visible on the industry map. How? By introducing your brand as if it were a person. With its own identity, values, and character. By creating a brand book.

Are you aware that brand-led businesses outperform their competitors by 83%?

Several years ago, you’d have to pay a professional design and branding agency for a brand book and wait months for results. But, luckily, we’re living in the automation age – an era where technology helps save time and make things easier. So, if you’re looking for a brand book template, or desperate enough to make one by-hand – stop. We have a solution for you.

Gingersauce is an all-in-one platform, allowing you to create a professional brand book within a few minutes. So, let’s see exactly how: the only thing you need is a logo.

How to create a Brand Book with Gingersauce’s wizard

  1. Go to the Gingersauce’s website. Enter your Brand’s name, and click ‘Create a free brand book’.
How to create a brand book
  1. The registration phase will only take a few minutes. Choose how you’d like to sign up, whatever is convenient for you. 
Register at Gingersauce
  1. Welcome to My brandbooks area! Here you can create a brand book, or edit and share the ones that you have already added. Click ‘+ new brandbook’.
create a brand book online
  1. The wizard has joined a chat – he’ll be helping you along the way. The first step is to enter your Brand name and a Tag name. Approve! 
brand name
  1. Are you creating branding for a company or a product?
company branding
  1. Are you creating a new brand or revamping an existing one?
  1. Drop your logo design, in a SVG format.
brand logo

Don’t know how to save your logo in SVG? Here’s a little guide:

It’s very simple, just a few steps.

  1. Make sure your logo is a vector in the first place.
  2. Open your logo in Adobe Illustrator.
  3. Select the logo.
  4. In the top menu bar choose Object > Expand. 
how to save a logo in svg
  1. Make sure the boxes Fill and Stroke are ticked.
  2. Then go to File > Save as, and pick the .SVG format.
how to convert a logo to svg
  1. This window will pop up. Find the section Type. Instead of SVG, choose Convert to outline.
  2. CSS Properties – choose from the drop down “Presentation Attributes
  3. Make sure the boxes Include Slicing Data and Include XMP are NOT ticked.
  4. Press OK, and you’re good to go!

  1. Double-check the brand logo or upload a new one. 
brand guidelines create online
  1. Add an additional brand design logo, or skip the step if you don’t have one. 
brand guidelines examples
  1. Master up your color palette with our color picker, or enter the colors you’ve already chosen beforehand. 
brand color palette
  1. Wanna make some final changes to your palette? Drag the colors to the preferred places in this next window.
create a brand color palette
  1. Now to approving the logo variations, just a few windows to show how it can be used.  
logo variations examples
logo variations
  1. Add your Brand Icon or a designated Favicon.

Note: A favicon is a small icon used on web browsers to represent a website. Short for ‘favorite icon’, favicons are most commonly displayed on tabs, your browser’s bookmark bar, history, and more.

brand icon

Approve the icon variations that Gingersauce has created automatically.

brand icon variations
  1. Here you can add up to 12 Service or Feature icons. 
feature icons
  1. Choose the proportions of your logo: how all of the elements fit together. Will it be Leonardo Da Vinci’s golden ratio taking the shortest side of your logo as a control point, or maybe Michelangelo’s longest side? You choose.
logo proportions
  1. Choose how much space around your logo must be clear of any text, images or other elements.
logo clear space
  1. Choose the smallest your logo can be to be readable and comprehensive. 
logo minimum size
  1. Approve the logo misuses: in what ways you wouldn’t like your logo to be used.
logo misuses
  1. If you haven’t found a logo misuse case you’d like to also showcase, upload one.
logo misuses examples
  1. Now, here you can either drop the fonts you want or directly choose them from the Google font gallery.
brand typography
  1. Same with the secondary font.
what is brand typography
  1. How will your logo look as a part of the big picture – on paper, or on a website? Add it to the brand book! If you have a cool illustration to spice things up a little, drop that one too. 
logo mockups
  1. Letting people know your vision is crucial. You are informing people on what is the purpose of your work, what you are working towards; it is an articulation of your inspiration and goals.
comapny vision
  1. How do you help your users with the product or a company you’re presenting? The mission statement is as important as the vision one.
company mission
  1. What are the principles of your brand?
brand core values

Almost done!

create brand guidelines online
  1. Choose the style of your brand book design.
brand book templates
  1. If you’d like to add some text or edit the existing one, click ‘Edit texts’ in the menu on the right.
Edit your brand book
Easy create a brand book

28. Upload a custom brand book cover of you’d like.

How to use the Gingersauce, a pro tool for creating brand books: Create a brand book online

29. Change the fonts used in the template.

How to use the Gingersauce, a pro tool for creating brand books: Create a brand book online

Note: If you click on ‘Edit wizard’ to make changes to the brand book you’ve created: you’ll be taken to the first steps. But don’t worry, all the info is saved! This is a moment for you to double-check everything.

It’s that simple

Whether you are an entrepreneur seeking a brand book for your business, a designer, looking for a time-saver, or an agency in need of shortcuts and a bit of automation, our brand book creation tool is exactly what you need. Few steps, few minutes, and logo design – with Gingersauce this is what it will take to create your brand book online.  

Easy. Fast. Professional.

The author

Josh Bloch
Josh Bloch

Josh is a multidisciplinary designer with over 20 years of experience in industrial design, exhibitions, branding, 2d and 3d animation, graphics for print and digital, illustration, and UX/UI for mobile and desktop apps.

Share on facebook
Share on linkedin
Share on pinterest
Share on reddit
Share on twitter

Related Content

Learn Branding and Be The First to Know the News

In our newsletters, we send out project updates, branding news and tips, and more (also discounts 🤫)!

Create A Professional Brand Book

All you need to automatically create a professional brand book is a logo. Leave the rest to our wizard!

Are you sure your logo is all ready to be sent to a client?

Beautiful design is only half the deal — does it really suit the brand, though? We’ve created a short checklist for you to see if your logo is truly ready to be presented. Leave your email, and you’ll receive it right away.