Welcome to the BI Book brand guidelines
Introduction
Welcome to the BI Book brand guidelines. Here, you'll find everything you need to bring the BI Book brand to life. This guide is crafted to help you understand our vision, tone, and design essentials so you can represent BI Book in a way that reflects our values. Think of these guidelines as your toolkit—full of inspiration and clear direction to ensure a consistent, memorable experience for everyone engaging with our brand.
Our brand essence
BI Book is more than a tool; it's a gateway to powerful, data-driven insights that help people make smarter decisions, faster. We believe that with the right information, anyone can uncover meaningful insights that drive progress. Our brand is approachable yet professional, empowering yet grounded. We are here to make data accessible and valuable for everyone, every day.
[fs-toc-h4]Empowerment
We believe in the power of data to empower individuals and businesses alike. Every feature, interaction, and design choice is made with the goal of enabling people to make better decisions.
[fs-toc-h4]Clarity
Data can be complex, but interacting with it shouldn’t be. We strive for clarity, removing barriers so that anyone can understand and act on their data with ease.
[fs-toc-h4]Trustworthiness
At BI Book, trust is non-negotiable. We are committed to protecting data integrity and privacy, ensuring our users feel confident in the insights we provide.
[fs-toc-h4]Innovation
We’re driven by curiosity and always looking for ways to make data analysis faster, clearer, and more intuitive. Innovation isn’t just what we do—it’s in our DNA.
Tone of Voice
Our tone is friendly, clear, and supportive. We aim to make data approachable, bridging the gap between complex information and actionable insights. Think of BI Book as a helpful, knowledgeable friend who’s always there to guide you.
[fs-toc-h4]Friendly, not casual
We communicate in a way that feels welcoming and approachable, yet maintains a level of professionalism.
[fs-toc-h4]Clear and concise
We believe in clarity. When we write, we aim for simplicity and avoid jargon, always getting to the point.
[fs-toc-h4]Inspiring
We want to inspire confidence and excitement in what our users can achieve with their data. Focus on helping customers and being solution-oriented.
Logo
Our logo is the face of our brand and should be used thoughtfully to create a cohesive, recognizable image. Use it with care and respect the space around it to let it breathe.
<a href="https://www.dropbox.com/scl/fo/qcly1v10096xo4do79ytj/ANyr8KyiwQNGVrd4sJOGiz0?rlkey=0y0g9o4mgfda0ie8wwx0yrssz&dl=0" class="button brandbook">Download logo</a>
White Space
Always give the logo enough breathing room. Leave ample space around it—at least the amount of the letter x-height.
Versions
Our logo has both a full-color and monochrome versions. Use the full-color versions only on brand-colored backgrounds on our own graphic expressions. On third party context always use the monochrome versions (black or white) of the logo.
{{images-3-1="/rtc"}}
Minimum size
Ensure that the logo is always legible, even at small sizes. The minimum size for digital applications is 40px in height.
Usage
The logo should not be misinterpreted, modified, or added to. Its orientation, color, and composition should remain as indicated in this document — there are no exceptions. Here is a list of do’s and dont’s to help us maintain the integrity and recognition of our brand.
Do’s
Do keep the appearance of the logo consistent through out the channels.
{{images-2-1="/rtc"}}
Dont’s
{{images-4-1="/rtc"}}
{{images-4-2="/rtc"}}
Colors
Our colors are more than just hues; they’re expressions of our brand personality. We use them to convey trust, innovation, and clarity.
Primary colors
These colors are our main identity and are used throughout the brand to ensure consistency and recognition.
{{brand-colors-3-1="/rtc"}}
Supporting colors
Palette of neutral Gray and vivid Teal hues provides an additional layer of quality to the digital products and ensures an accessible and readable experience through out all digital channels.
{{brand-colors-4-1="/rtc"}}
{{brand-colors-4-2="/rtc"}}
{{brand-colors-4-3="/rtc"}}
{{brand-colors-4-4="/rtc"}}
{{brand-colors-4-5="/rtc"}}
{{brand-colors-4-6="/rtc"}}
Color combinations
Keep in mind readability and accessibility when using our colors especially in writing. Here are a few examples of color combination do’s and dont’s.
Examples of good color combinations
{{images-4-4="/rtc"}}
Examples of bad color combinations
{{images-4-5="/rtc"}}
Typography
Our typography reflects our commitment to clarity and simplicity. We want to make reading easy and enjoyable while ensuring the text aligns with our professional, innovative image.
Primary Font
Our main font is ABC Monument Grotesk Medium. It’s modern, clean, and legible at all sizes. You can purchase the font here.
Use ABC Monument Grotesk Medium for headlines and Medium or Regular for body texts.
Secondary Fonts
We use ABC Monument Grotesk Semi-Mono Medium for emphasis. It adds warmth and personality, and it is ideal for highlights and key messages in our illustrations.
Fallback font
Replacement and fall back font is either Arial or system sans-serif font-stack.
Graphic Elements
Graphic elements enhance our visual story, creating a dynamic and memorable brand experience. These include data visualisations, icons, and UI illustrations that align with our mission to make data more accessible and actionable.
Illustrations
Our visualisations are designed to simplify, not overwhelm. Use them to tell a story or highlight key insights, maintaining clarity and precision. To create the Illustrations you can combine the UI components, Scribbles and text.
See how to combine the elements
{{buttons-3-1="/rtc"}}
<div id="anchor-icons"> </div>
Icons
Simple, clean icons that reinforce our tone—friendly, clear, and supportive.
<div id="anchor-scribbles"> </div>
Scribbles
Hand-drawn illustrative icons can be used along text content make it approachable.
<div id="anchor-ui-illustrations"> </div>
UI illustrations
The simplified UI illustrations are created in brand colors based on the Untitled UI library and can be used to tell more about product features and benefits.
Photography style
Photography plays a crucial role in communicating who we are and the community we serve. Our imagery should reflect diversity, innovation, and real-world application.
People-focused
We feature real people in real moments, showcasing authentic engagement with data and technology.
Light and bright
Our photos should feel inviting and approachable, with a natural light aesthetic.
Professional yet approachable
The imagery should reflect a professional environment while maintaining an approachable feel—our users should see themselves in these images.
Combine with UI components
To add context to the photography, you can combine images of authentic people with key-features & benefits.
Layout
We believe that good design is as minimal as possible. Whitespace is beautiful. Whenever a client views our material, they should be intrigued and want to learn more.
Margin size
Margin size depends on the artboard size and the amount of content. In general, keep the logo and text within the content area, while graphics or images can extend beyond this area.
Negative space
Lightness and airiness make for a smooth and easy reading experience. Aim for spacious and airy layouts, leaving plenty of empty space.
Pay attention to the relationship between images and text. It's better to use a few large images rather than many small ones, maintaining a calm and stylish layout.
Text blocks
For a magazine-sized page, it is best to have 2–3 columns of text. Break up the text flow with pull quotes, headlines, and subheadings to create rhythm and enhance readability.
Contact us
Contact us for more information on our brand and press materials.
<a href="https://get.bibook.com/contact-bibook" class="button brandbook">Get in touch </a>