ByteBao

📋 2 Guidelines

🔗 Connections

Sector

Consulting Cybersecurity

Region

Dubai

Guideline Year

2021 2022

Language

English

Tags

Featured Technology Financial

Official Websites

Brand Guidelines

2022

Brand Summary

Mission
  • ByteBao’s mission is to protect digital innovations with world-class legal and compliance resources, supporting clients in complying with legal, ethical, and regulatory standards relevant to blockchain-powered technology and training Web3 attorneys for projects and careers at the intersection of Web3 and the legal field [^1].
Core Values
  • Protection
  • Compliance
  • Education
  • Engagement
  • Innovation
  • Diversity
Target Audience
  • Lawyers, law firms, law students, and small and medium companies operating in the Web3 and blockchain space [^2].
Personality Traits
  • Savy
  • Sociable
  • Charismatic
  • Confident
  • Sincere
  • Lively
  • Professional
  • Proficient
  • Easy to digest (‘Snackable’)
Visual Identity Overview
  • ByteBao’s visual identity is clean, modern, and minimalistic, featuring a dynamic logo and brand mark, a primary color palette of off-white and black with secondary purple and red, gradients, and abstract backgrounds. Typography uses Halvar Breitschrift and Campton typefaces, with clear rules for logo usage, layout, and iconography. Photography is professional and natural, with abstract 3D compositions for creative elements [^3].

Categories

Brand Voice
    • Savy + Sociable + Charismatic
    • Confident + Sincere + Lively
  • Language + Professional + Proficient + ‘Snackable’-easy to digest
  • Purpose + Educate + Engage + Convert
Brand Imagery
  • Professional and natural photography (preferably portriat) where the subject is the main focus should always be used.
  • The images should have plain backgrounds preferably grey, white or ash. Pastel colors or dull backgrounds can also be considered. Images with dymanic background can also be used as long as the subject is the main focus of the image.
  • 3D minimal compositions should always be used. The aesthetic should be simple and have a creative/artistic vibe. Below is a link to a collection of curated abstract images for our brand
  • Our creative style emphasizes the subject matter so, all designs should be clean & minimal; minimalize the use of images(especially stock images) when designing creatives for digital communications.
  • ByteBao has a wide range of colors, gradients and abstract background options to use when drafting communications however, there are certain rules that guide when & how they should be used based on the content being created.
Color Palette
  • The logo and brand mark can be used in White, Black, Purple, Red, and different types of backgrounds becasue it was created to be dymanic
  • The brand’s primary colors are off-white (#F9F9F9) background with black (#00000) context or vice versa, representing formality & conveying certainty. The colors in the primary palette can be used for color fields, background, rules and other graphic devices.
  • The main secondary color for ByteBao is Purple(HEX# 783bf5). The other color Red (HEX# ff2525) should be used sparingly in communications and brand colllaterals.
  • Gradient 1 is a mesh of the ByteBao Puple & Red with Purple being the dominant ratio. Gradient 2 is a mesh of the off-white, Purple & Red with off-white being the dominant ratio. Gradient 3 is a mesh of the Black, Purple & Red with Black being the dominant ratio.
  • ByteBao has a wide range of colors, gradients and abstract background options to use when drafting communications however, there are certain rules that guide when & how they should be used based on the content being created.
Typography

  • Halvar Breitschrift Typeface ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_±-=

  • Campton Typeface ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!˜#$%^&*°˛_+˝˝=

  • Good use of typography can help build a visual hierarchy, make text easier to read, and communicate a brand’s personality. ByteBao uses typography to bring character and context to our products and communications.

  • Heading 1 Halvar Breitschrift - Bold

  • Heading 2 Halvar Breitschrift - Light

  • HEADING 3 Halvar Breitschrift - Regular (Uppercase)

  • Sub Heading Campton - Bold

  • Paragraph 1 Campton - Light

  • Paragraph 2 Campton - Book
  • ByteBao provides various services and has multiple products. These products and services require presentations, the guidelines for the use of colors, typography, photography nod sizing mentioned in this document should be considered when drafting presentations.
Logo Usage
  • The brandmark “B” should be used for the brand’s sub-applications/ sub-brands and for the various programs under the ByteBao brand.
  • When ByteBao is an equal partner, the logos should be placed side-by-side, with a dividing line equidistant between the two.
  • When ByteBao is a Primary partner, the logo should be placed on the left side with an ‘x’ equidistant between the two.
  • When ByteBao is a Secondary partner, the logo should be placed on the right side with an ‘x’ equidistant between the two.
  • In all communications, the logo should be anchored top-left & bottom-left. In instances where this is not possible, the other two corners can be used
  • The ByteBao logo/brand mark can also be placed in the center of a composition or top-centered/ bottom-centered where the center is not possible.
  • The logo and brand mark can be used in White, Black, Purple, Red, and different types of backgrounds becasue it was created to be dymanic
  • The logo should act as an anchoring device in layouts and will typically have a clear relationship with the text on a page or surface.
  • Minimum size for use of the logo is 20mm high.
  • • Create your own version of any part of the logo, including the type. • Create a sub brand version without consulting the communications head or marketing teams • Show the logo in a different colour to the associated type – • Rotate the logo in any layout • Apply a background colour or tint to the logo • Stretch or compress the logo artwork • Place more than one logo in a single layout or surface • Use the logo to contain an image • Do not change the logo in an unspecified color or combination of colors. • Do not scale, scretch or disproportionately resize the logo. • Do not use the logo other than Horizontally. • Do use the wrong logo color on a background without proper contrast. • Do not use the logo as a repeated pattern. • Do not apply graphical elements such as drop shadow or glow. • Do not change the composition of the logo.
  • The ByteBao logo, brand mark, Key visual element or Website link must be present in all ByteBao Communications.
  • The logo and brand mark can be placed on the top-left as seen in 1., 2., 3. & 6. A website link on the bottom-left as seen in 4. and the key visual used on a black background as seen in 5.
  • Note: Avoid use more than one branding element on a composition an try to keep the element on the top-left or bottom-left.
Tone And Messaging
    • Savy + Sociable + Charismatic
    • Confident + Sincere + Lively
  • Language + Professional + Proficient + ‘Snackable’-easy to digest
  • Purpose + Educate + Engage + Convert
Visual Style
  • The brandmark “B” should be used for the brand’s sub-applications/ sub-brands and for the various programs under the ByteBao brand.
  • When ByteBao is an equal partner, the logos should be placed side-by-side, with a dividing line equidistant between the two.
  • When ByteBao is a Primary partner, the logo should be placed on the left side with an ‘x’ equidistant between the two.
  • When ByteBao is a Secondary partner, the logo should be placed on the right side with an ‘x’ equidistant between the two.
  • In all communications, the logo should be anchored top-left & bottom-left. In instances where this is not possible, the other two corners can be used
  • The ByteBao logo/brand mark can also be placed in the center of a composition or top-centered/ bottom-centered where the center is not possible.
  • The logo and brand mark can be used in White, Black, Purple, Red, and different types of backgrounds becasue it was created to be dymanic
  • The logo should act as an anchoring device in layouts and will typically have a clear relationship with the text on a page or surface.
  • Minimum size for use of the logo is 20mm high.
  • Do Not: • Create your own version of any part of the logo, including the type. • Create a sub brand version without consulting the communications head or marketing teams • Show the logo in a different colour to the associated type – • Rotate the logo in any layout • Apply a background colour or tint to the logo • Stretch or compress the logo artwork • Place more than one logo in a single layout or surface • Use the logo to contain an image • Do not change the logo in an unspecified color or combination of colors. • Do not scale, scretch or disproportionately resize the logo. • Do not use the logo other than Horizontally. • Do use the wrong logo color on a background without proper contrast. • Do not use the logo as a repeated pattern. • Do not apply graphical elements such as drop shadow or glow. • Do not change the composition of the logo.
  • The brand’s primary colors are off-white (#F9F9F9) background with black (#00000) context or vice versa, representing formality & conveying certainty. The colors in the primary palette can be used for color fields, background, rules and other graphic devices.
  • The main secondary color for ByteBao is Purple(HEX# 783bf5). The other color Red (HEX# ff2525) should be used sparingly in communications and brand colllaterals.
  • Gradient 1 is a mesh of the ByteBao Puple & Red with Purple being the dominant ratio. Gradient 2 is a mesh of the off-white, Purple & Red with off-white being the dominant ratio. Gradient 3 is a mesh of the Black, Purple & Red with Black being the dominant ratio.

  • Halvar Breitschrift Typeface

  • Campton Typeface

  • Good use of typography can help build a visual hierarchy, make text easier to read, and communicate a brand’s personality. ByteBao uses typography to bring character and context to our products and communications.

  • Heading 1 Halvar Breitschrift - Bold

  • Heading 2 Halvar Breitschrift - Light

  • HEADING 3 Halvar Breitschrift - Regular (Uppercase)

  • Sub Heading Campton - Bold

  • Paragraph 1 Campton - Light

  • Paragraph 2 Campton - Book
  • Professional and natural photography (preferably portriat) where the subject is the main focus should always be used.
  • The images should have plain backgrounds preferably grey, white or ash. Pastel colors or dull backgrounds can also be considered. Images with dymanic background can also be used as long as the subject is the main focus of the image.
  • 3D minimal compositions should always be used. The aesthetic should be simple and have a creative/artistic vibe.
  • Our icons are designed to fit within our wider visual system and are a reference outline style of our brand mark. They can be used as shorthand to communicate ideas, objects and actions using common visual language and can be used as a secondary visual device to accompany photographic imagery.
  • The main element is an abstract ‘B’ that represents the first letters of the brand name. The mark was constructed using 2 parallelograms with base angles 45° &135° respectively. The parallelograms are based on the input/output symbol used in flowchart diagrams to represent algorithms, workflows or process.
  • The brand mark can be used in a filled or outlined version as a key visual element.
  • The key visual is a pattern created from the brand mark. The design was created by using the 45° angle to carefully arrange the brand mark to give a unique visual effect that gets cut-off in compositions.
  • The ByteBao logo, brand mark, Key visual element or Website link must be present in all ByteBao Communications.
  • Note: Avoid use more than one branding element on a composition an try to keep the element on the top-left or bottom-left.
  • When creating content for ByteBao, consistency is key. The size of the document should be 1500px by 1500px, color mode RGB, raster effect High 150ppi on Illustrator and 1500px by 1500px, color mode RGB, resolution 150dpi on Photoshop. lluustrator is the preferred software because it is vector based and has a sharper output.
  • Note: Ensure you use grids for every composition/draft, the values for the grids have been provided in this documents.
  • ByteBao provides various services and has multiple products. These products and services require presentations, the guidelines for the use of colors, typography, photography nod sizing mentioned in this document should be considered when drafting presentations.
  • Our approach should always be clean, simple and minimal and should be consistent with our other external communications.
  • The Header and Video thumbnail should have a clean, minimal and simple look and the design should be consistent with our other communications.
Iconography
  • Our icons are designed to fit within our wider visual system and are a reference outline style of our brand mark. They can be used as shorthand to communicate ideas, objects and actions using common visual language and can be used as a secondary visual device to accompany photographic imagery.
Layout And Composition
  • When ByteBao is an equal partner, the logos should be placed side-by-side, with a dividing line equidistant between the two.
  • When ByteBao is a Primary partner, the logo should be placed on the left side with an ‘x’ equidistant between the two.
  • When ByteBao is a Secondary partner, the logo should be placed on the right side with an ‘x’ equidistant between the two.
  • In all communications, the logo should be anchored top-left & bottom-left. In instances where this is not possible, the other two corners can be used
  • The ByteBao logo/brand mark can also be placed in the center of a composition or top-centered/ bottom-centered where the center is not possible.
  • The logo should act as an anchoring device in layouts and will typically have a clear relationship with the text on a page or surface.
  • Minimum size for use of the logo is 20mm high.
  • Do Not: • Create your own version of any part of the logo, including the type. • Create a sub brand version without consulting the communications head or marketing teams • Show the logo in a different colour to the associated type – • Rotate the logo in any layout • Apply a background colour or tint to the logo • Stretch or compress the logo artwork • Place more than one logo in a single layout or surface • Use the logo to contain an image • Do not change the logo in an unspecified color or combination of colors. • Do not scale, scretch or disproportionately resize the logo. • Do not use the logo other than Horizontally. • Do use the wrong logo color on a background without proper contrast. • Do not use the logo as a repeated pattern. • Do not apply graphical elements such as drop shadow or glow. • Do not change the composition of the logo.
  • The key visual is a pattern created from the brand mark. The design was created by using the 45° angle to carefully arrange the brand mark to give a unique visual effect that gets cut-off in compositions.
  • When creating content for ByteBao, consistency is key. The size of the document should be 1500px by 1500px, color mode RGB, raster effect High 150ppi on Illustrator and 1500px by 1500px, color mode RGB, resolution 150dpi on Photoshop. lluustrator is the preferred software because it is vector based and has a sharper output.
  • Note: Ensure you use grids for every composition/draft, the values for the grids have been provided in this documents.
  • ByteBao provides various services and has multiple products. These products and services require presentations, the guidelines for the use of colors, typography, photography nod sizing mentioned in this document should be considered when drafting presentations.
  • Our approach should always be clean, simple and minimal and should be consistent with our other external communications.
Services And Promotions
  • Services & Promotions
Entertainment
  • Entertainment
Team Showcase
  • Team Showcase

2021

Brand Summary

Mission
  • ByteBao specializes in guiding companies who plan to start or have already started transacting business across Asia and the Pacific, providing data privacy and cybersecurity consulting, legal and regulatory advice, and operational solutions to enable clients to work with confidence and quickly adopt real business solutions [^1].
Core Values
  • Trust
  • Authenticity
  • Innovation
  • Energy
  • Teamwork
  • Integrity
  • Discretion [^2]
Target Audience
  • Businesses of all sizes, especially those operating or planning to operate across Asia and the Pacific, seeking world-class data privacy and cybersecurity solutions [^3].
Personality Traits
  • Intelligent
  • Experienced
  • Premium
  • Honest
  • Confident
  • Modern
  • Enduring
  • Diverse [^4]
Visual Identity Overview
  • The visual identity is modern, digital-inspired, and data-driven, featuring abstract marks, geometric shapes, vibrant color palettes (red, purple, black, white), dynamic scatter plots, and clean typography. The brand emphasizes clarity, professionalism, and a confident, clean, and simple aesthetic [^5].

Categories

Brand Imagery
  • The design is inspired by data visualization methods. It’s combination of a scatter plot & and line graph infused with the brand color palette. The key visual balances dynamism & structure by combining a scatter plot which can sometimes be vey dynamic and a line graph which is more structured.
  • The key visual hs 4 variation which can be paired with the brand colors palette in 5 ways.
  • The key visual element (KV) was intentionally designed to allow usage on multiple dimensions across different applications and scenerios.The KV can be used on multiple background colors of both the primary & secondary brand colors and works well with all the brand assets combined. Below are some example of how they can be used for internal/external communications (posters, email campaigns or print ads).
Color Palette

  • Primary Color Palette
    #1b1b1bWhite#ff2525#80087b

  • Seocndary Color Palette
    #ff2525#80087b

  • Color is highly communicative and plays an important role within our identity. A range of curated colours are available which can be used to communicate in a wide range of tones. A consistency in approach to colour is integral.
  • The color palette is broken down into primary & secondary color palettes. The colors in the primary palette can be used for color fields, background, rules and other graphic devices.
  • The secondary colors can appear as graphic elements in such applications as brochure covers, page dividers, promotional folders, charts or graphs, dispaly or signage.
  • Note: The primary colors includes a linear gradient that is a blend of the two seconday colors. The angle of the gradient should alay be 15o with red blending into purple. Purple should also be faint at the bottom right of every composition.
  • A consistent approach to the application of colour is important for communicating in-line with our confident, clean and simple aesthetic.These are some examples of successful 3 and 4-color pairings.
Typography
  • Typography plays a critical role in establishing a unified personality and plays a large role in our visual identity. For this reason, we have chosen Bulter.
  • Butler is a free serif font inspired by a mix between both Dala Floda & the amazing Bodoni family. The main goal was to bring a bit of modernism to serif fonts by working on the curves of classical serif font families and adding an extra stencil family.
  • Ultra Light Light Regular Butler Medium Bold Extra Bold Black
  • Campton is a simple sans serif with a geometric skeleton, based on the mid to early twentieth century visual trend of achieving neutrality. Although, there are a lot of typefaces focusing on similar principles, tries to find its niche in the field of anonymous typefaces by combining simplicity with a subtle friendliness.
  • Campton
  • Thin Extra Light Light Book Medium Semi Bold Bold Extra Bold Black
  • The various weights of the Byte Bao’s fonts allow for easily building heirarchy with type. (see example).
  • Main Heading World-class data privacy & cybersecurity solutions for businesses of all sizes. Butler Bold/Extra Bold, Leading: Auto, Tracking: -50
  • Campton- Semi Bold/Bold, Leading: Auto, Tracking: 0 (Default)
  • Campton- Light & Bold, Leading: Auto, Tracking: -50 (Heading Default)
Logo Usage
  • Our Logo is an essential for our organisation. It embodies our core proposition and acts as a recognisable signature uniting all parts of our brand. It should be used consistently across all communications.
  • The Byte Bao logo is to be used on all internal, marketing and promotional materials. Our logomark must always used thoughtfully and carefully in order to maintain the integrity of our symbol.
  • A minimum area of surrounding space is required across all visual communication. The exclusion zone must be relaive to the size of the brand mark therefore equal to 1/4 of the brandmark size.
  • Avoid using the full logo mark at a size smaller than 30mm / 114px and the brand mark at 35px or 10mm
  • Try to use the full logomark wherever possible. When horizontal space does not allow for the full mark, the brandmark is to be placed in one of the corners of a layout.Try to keep a high contrast between background colors and the logo.Try to use only one logo per application.
  • • Do not change the logo in an unspecified color or combination of colors.
  • • Do not scale, scretch or disproportionately resize the logo.
  • • Do not use the logo other than Horizontally.
  • • Do not attempt to recreate the logo.
  • • Do use the wrong logo color on a background without proper contrast.
  • • Do not use the logo as a repeated pattern.
  • • Do not apply graphical elements such as drop shadow or glow.
  • • Do not change the composition of the logo.
Tone And Messaging
  • Intelligent
  • Experienced
  • Premium
  • Honest
  • Confident
  • Modern
  • Enduring
  • Diverse
  • Trust
  • Authenticity Innovation Energy Team work Integrity Discretion
  • A consistent approach to the application of colour is important for communicating in-line with our confident, clean and simple aesthetic.These are some examples of successful 3 and 4-color pairings.
Brand Values
  • Trust
  • Authenticity Innovation Energy Team work Integrity Discretion
Visual Style
  • The Byte Bao Logo is an abstract mark. The main element is an abstract ‘B’ that represents the first letters of the brand name. The mark was constructed using 2 parallelograms with base angles 450 & 1350 respectively. The parallelograms are based on the input/output symbol used in flowchart diagrams to represent algorithms, workflows or process.
  • Our Logo is an essential for our organisation. It embodies our core proposition and acts as a recognisable signature uniting all parts of our brand. It should be used consistently across all communications.
  • The Byte Bao logo is to be used on all internal, marketing and promotional materials. Our logomark must always used thoughtfully and carefully in order to maintain the integrity of our symbol.
  • A minimum area of surrounding space is required across all visual communication. The exclusion zone must be relaive to the size of the brand mark therefore equal to 1/4 of the brandmark size.
  • Avoid using the full logo mark at a size smaller than 30mm / 114px and the brand mark at 35px or 10mm
Layout And Composition
  • A minimum area of surrounding space is required across all visual communication. The exclusion zone must be relaive to the size of the brand mark therefore equal to 1/4 of the brandmark size.
  • Avoid using the full logo mark at a size smaller than 30mm / 114px and the brand mark at 35px or 10mm
  • Try to use the full logomark wherever possible. When horizontal space does not allow for the full mark, the brandmark is to be placed in one of the corners of a layout.Try to keep a high contrast between background colors and the logo.Try to use only one logo per application.
🐛 Report