Brand Primary
Logo mark, wordmark, and primary brand identity
- HEX
#3F4E95- RGB
rgb(63, 78, 149)- HSL
hsl(230, 41%, 42%)- CMYK
C58 M48 Y0 K42- CSS
--brand
Media kit
Brand & Media Kit
Colors, logo assets, and usage guidance for consistent FusioNative representation.
Use these official colors and logo files when representing FusioNative in product UI, partner materials, and press coverage.
Color system
Brand colors
Primary brand blue is used for the logo and identity. UI accent blue is reserved for interactive product and website controls.
UI Accent
Buttons, links, active states, and interactive highlights
- HEX
#2563EB- RGB
rgb(37, 99, 235)- HSL
hsl(217, 91%, 53%)- CMYK
C84 M58 Y0 K8- CSS
--accent
Accent Hover
Hover and pressed states for accent controls
- HEX
#1D4ED8- RGB
rgb(29, 78, 216)- HSL
hsl(224, 76%, 48%)- CMYK
C87 M64 Y0 K15- CSS
--accent-hover
Ink
Headings and primary body text on light surfaces
- HEX
#0F172A- RGB
rgb(15, 23, 42)- HSL
hsl(222, 47%, 11%)- CMYK
C64 M45 Y0 K84- CSS
--text-heading
Muted
Supporting copy and secondary labels
- HEX
#475569- RGB
rgb(71, 85, 105)- HSL
hsl(215, 19%, 35%)- CMYK
C32 M19 Y0 K59- CSS
--text-muted
Canvas
Page background and soft section fills
- HEX
#F8FAFC- RGB
rgb(248, 250, 252)- HSL
hsl(210, 40%, 98%)- CMYK
C2 M1 Y0 K1- CSS
--bg-main
White
Cards, logo glyph, and text on brand/dark surfaces
- HEX
#FFFFFF- RGB
rgb(255, 255, 255)- HSL
hsl(0, 0%, 100%)- CMYK
C0 M0 Y0 K0- CSS
--bg-white
Assets
Logo downloads
Download PNG marks for light and dark backgrounds. Prefer SVG/vector when available from brand ops.
Primary logo
Brand blue mark with white glyph. Use on light backgrounds.
Primary logo (icon)
Compact mark for nav, favicon-adjacent, and UI chrome.
White logo
Reversed mark for dark or photographic backgrounds.
White logo (icon)
Compact reversed mark for dark UI surfaces.
Guidelines
Usage
Follow these rules so FusioNative stays consistent across partner and press materials.
Clear space
Keep clear space around the mark equal to at least one-quarter of the logo width. Do not crowd it with other graphics or text.
Minimum size
Do not display the mark smaller than 24px on screen. Prefer the 256px asset for UI chrome and the full 1024px asset for print or press use.
Color usage
Use Brand Primary (#3F4E95) for the logo and wordmark. Use UI Accent (#2563EB) for interactive elements. Do not recolor the logo with gradients or off-brand hues.
Backgrounds
Use the primary (blue) logo on light surfaces. Use the white logo on dark navy, photography, or Brand Primary fills. Maintain contrast for accessibility.