KNOWLEDGE BYTES Style Guide
BRAND LOGO Knowledge Bytes’ logo serves a clean, minimalistic vibe. Its main lettering is kept simple with a sans serif font to maintain legibility and readability, and to also compliment the script writing inside the KB lightbulb graphic. The logo showcases two out of the six colors of the brand’s color palette.
MINIMUM SIZE The smallest the logo should be represented is 1.625” high.
BRAND ICON Knowledge Bytes’ icon features the KB lightbulb, a key component to the brand’s identity. The graphic of the lightbulb, having “KB” in script font to symbolize it filament, signals the Knowledge Bytes branding.
MINIMUM SIZE The smallest the logo should be represented is 1” high.
DOs – LOGO Knowledge Bytes’ logo and icon will essentially always be on white/neutral-colored backgrounds to ensure readability. As for legibility, minimum clear space around the logo (to be as the same height as the KB filaments) should be applied to avoid clutter when placed near other graphics or bodies of text. The colors used for the logo must be from the brand’s color palette. For the main lettering, green must be used. As for the lightbulb, red must be used.
DON’Ts – LOGO To ensure its integrity, the following examples should NOT be committed when applying/using the logo.
A.
A. Rotation will affect readability.
WLED O N K ES BYT
B. Don’t squash or stretch.
B. GE
KNOWLEDGE BYTES
C. Do not rearrange parts of the logo. D. Do not resize any component to ensure all parts are seen and do not take excessive space.
C.
D.
E. Do not add any dropshadows or other text styles.
KNOWLEDGE BYTES
F. No other colors should be used, even if colors are from the brand’s color palette.
KNOWLEDGE BYTES
E.
F.
KNOWLEDGE BYTES
KNOWLEDGE BYTES
DOs – ICON Knowledge Bytes’ icon will ideally maintain its readability regardless of what background it is placed on, just as long as the circle behind the lightbulb is filled with color. As for legibility, minimum clear space around the logo (to be as the same height as the KB filaments) should be applied to avoid clutter when placed near other graphics or bodies of text. The color used for the logo must be from the brand’s color palette. Essentially, the circle behind the lightbulb will be in green, while the lightbulb will be in white.
DONTs – ICON To ensure its integrity, the following examples should NOT be committed when applying/using the logo.
A.
B.
C.
D.
E.
F.
A. Rotation will affect readability. B. Don’t squash or stretch. C. Do not rearrange parts of the logo. D. Do not resize any component to ensure all parts are seen and do not take excessive space. E. Do not add any dropshadows or other text styles. F. No other colors should be used, even if colors are from the brand’s color palette.
TYPOGRAPHY
ENGAGE YOUR TEAM. CULTIVATE THEIR SUCCESS. O u r p l a t fo r m fo r y o u r c r e a t e d , c o n t r i b u t e d , c o l l e c t e d m i c r o l e a r n i n g c o n t e n t . Read what the experts are saying about leveraging microlearning and learner-centric training in today's workplace.
AYTMAXIMO Use for headlines.
AYTMAXIMO
UPPERCASE Tracking (letter spacing): 115pt
Bold A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
AYT CLEARFACE Use for subheadings.
AY T C l e a r f a c e
Sentence case Tracking (letter spacing): 0pt
TULIA Use for body copy. Sentence case Tracking (letter spacing): 0pt
Bold A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Tu l i a
Italic A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
COLOR PALETTE FOR APPLE
FOR PC
GREEN #7bbb39 RGB (123, 187, 57)
GOLD #fcb410 RGB (252, 180, 16)
GREEN #7bbb39 RGB (123, 187, 57)
GOLD #f5d328 RGB (245, 211, 40)
BLUE #0099cc RGB (0, 153, 204)
PURPLE #a44eb0 RGB (164, 78, 176)
BLUE #51a7f9 RGB (81, 167, 249)
PURPLE #b36ae2 RGB (179, 106, 226)
RED #ec5d57 RGB (236, 93, 87)
LIGHT GRAY #dcdee0 RGB (220, 222, 224)
RED #ec5d57 RGB (236, 93, 87)
LIGHT GRAY #dcdee0 RGB (220, 222, 224)