Your brand kit is the source used by BeeBlu’s editor, exports, portals, Figma integration, and structured AI context.
Colours
Add, rename, remove, and reorder colour tokens. Give each token a semantic role such as primary, secondary, neutral, accent, success, warning, or error.
Use the Accessibility section to review contrast across the palette. The WCAG grid includes normal text, large text, and UI or icon thresholds.
Typography
Set heading and body font foundations and review the type scale. Confirm that the selected fonts are licensed and available in every environment where the brand will be used.
Spacing and shape
BeeBlu uses a structured spacing scale and a shared radius direction. Review the component previews before saving a shape change.
Logos and patterns
Upload approved logo variants with clear names and usage notes. Patterns can be generated from brand colours and saved as SVG-based assets.
Only publish assets that external portal visitors are allowed to download.
Guidance
Use guidance pages and editorial notes to explain decisions that tokens cannot express: voice, composition, hierarchy, prohibited treatments, approval rules, and examples.
Keep guidance specific. “Use the brand consistently” is not actionable. “Use the primary mark on light neutral surfaces and the reversed mark on dark photography” is.
Export and validate
Current export surfaces include CSS variables, W3C DTCG JSON, and PDF where supported. After changing the brand kit:
- inspect the portal;
- download each relevant export;
- verify the Figma variables connection if enabled;
- check the public AI-context response;
- confirm that hidden or draft values are not exposed.