Brand Identity Guidelines
Basic brand guidelines for the overall branding, How to use it, Where to use it and more information about the style.
.svg)
#1
Logo
The Fusion AI logo represents a modern, forward-thinking brand with a focus on innovation in artificial intelligence. The logo comprises two key elements:
Icon: A circular symbol on the left featuring interlocking shapes that represent connectivity, collaboration, and the fusion of ideas, all rendered in a vibrant orange tone. The design is dynamic and fluid, echoing the innovative nature of the brand.
Typography: The bold and clean "Fusion AI" text on the right combines sleek fonts. The "Fusion" part is white/Black depending on the contrast where its being used, signifying clarity and trust, while "AI" Presents innovation in artificial intelligence, aligning with the technological theme.
Things, You are not
allowed to do with the logo
Do not alter the colors of the logo. The orange and white color palette is essential to the brand identity. Avoid replacing them with other colors.
Do not stretch or distort the logo. Keep its proportions intact to ensure readability and professional presentation.
Do not rotate the logo or display it at any angle other than its default horizontal alignment.
Do not apply effects like shadows, gradients, or embossing to the logo unless specifically approved for special cases.
Do not place the logo on backgrounds that are too similar in color or too busy, which would reduce its visibility or impact. Always ensure there is enough contrast.
Do not separate the icon and the text or rearrange their positioning. The logo should always appear as a cohesive unit with the icon on the left and the text on the right.
Things, You are allowed
to do with the logo
Scale Proportionately. The logo can be resized to suit various contexts, but it must always be scaled proportionally to avoid distortion.
Monochrome Variations In certain contexts, such as black-and-white printing or subtle branding needs, you may use a monochrome version of the logo
Use in Digital and Print Formats The logo can be used across various media platforms, You may use a reversed version of the logo for glass and mirror prints.
Color Adjustments for Specific Campaigns In special cases, subtle variations in the logo colors may be allowed, but these should align with brand guidelines and be approved by the brand management team.
Use in Multiple Sizes The logo may be used in various sizes depending on the medium, such as business cards, websites, or large-scale banners.
Logo with Sub-brands or Partnerships When working in conjunction with sub-brands or partners, the Fusion AI logo can be displayed alongside others, but it must maintain its visual prominence and not be overshadowed.
#2
Typeface
Clash Display
Clash Grotesk Display is a family of sans serif fonts for use in large sizes. While the design of the family’s six styles – ranging in weight from Extralight through Bold – is generally neo-grotesk in style Learn more here
Nomral / 400
Aa
Medium / 500
Aa
Semi Blod / 600
Aa
Uppercase Letters:
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
Lower Letters:
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
Punctuation:
. , ! ? : ; ' " ( ) [ ] { } / \ @ # $ % ^ & * - _ +
Special Characters:
© ® ™ ± ÷ ° € £ ¥ ¢ § ¶ • ‰ ‡ † ′ ″
Lower Letters:
0 1 2 3 4 5 6 7 8 9
Poppins
Geometric sans serif typefaces have always been popular, and with support for both the Devanagari and Latin writing systems, Poppins is an internationalist addition to the genre. Lean more here
Nomral / 400
Aa
Medium / 500
Aa
Semi Blod / 600
Aa
Uppercase Letters:
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
Lower Letters:
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
Punctuation:
. , ! ? : ; ' " ( ) [ ] { } / \ @ # $ % ^ & * - _ +
Special Characters:
© ® ™ ± ÷ ° € £ ¥ ¢ § ¶ • ‰ ‡ † ′ ″
Lower Letters:
0 1 2 3 4 5 6 7 8 9
#3
Color Palettes
A system of type and color styles designed with
accessibility in mind, used across our products.
Primary Color
Solid Fill
Used for highlights
#1A56CB
Subtle
Gradient
Used for interactive elements
Secondary Color
Solid Fill
User for brand logo
and secondary
highlights
#1A56CB
Subtle
Gradient
Used for interactive elements
Subtle
Gradient
Used for graphics and
highlights for elements
Subtle
Gradient
Used for graphics and
highlights for elements
#0A0D14
Background
#B0B0B0
Secondary text
#8F8F8F
Tertiary text
#FFFFFF
Primary text
