openhexa-branding

name	openhexa-branding
description	Brand guidelines for OpenHexa and Bluesquare visual identity. Use when creating dashboards, reports, HTML pages, charts, or any visual output that should follow OpenHexa/Bluesquare brand colors and styling. Provides a consistent 5-color palette (pink, blue, white, light pink, dark blue), logo assets, and styling guidelines for ECharts, Tailwind, and general web development.

OpenHexa Branding Guidelines

Apply these guidelines to ensure visual consistency across dashboards, reports, and generated documents.

Color Palette

Name	Hex	RGB	Usage
Primary Pink	#ED4B82	rgb(237, 75, 130)	Headers, primary buttons, highlights, chart accent 1
Primary Blue	#4361EE	rgb(67, 97, 238)	Links, secondary buttons, chart accent 2, icons
White	#FFFFFF	rgb(255, 255, 255)	Backgrounds, text on dark, card backgrounds
Light Pink	#FDF2F8	rgb(253, 242, 248)	Subtle backgrounds, hover states, alternating rows
Dark Blue	#1E3A5F	rgb(30, 58, 95)	Body text, headings, dark backgrounds, footers

Extended Chart Palette

For charts requiring more than 2 colors, use this sequence:

const chartColors = [
  '#ED4B82',  
  ,  
  ,  
  ,  
  ,  
  ,  
  ,  
  ,  
];