Knogin
[Developers]

Branding and Customisation

When a police department or government agency deploys an operational platform, their staff should see their agency's identity, not a generic product interface. The Branding Admin Panel gives administrators control over e

Back to All Modules
Category: ManagementLast Updated: Feb 5, 2026
managementreal-timecompliance

Overview#

When a police department or government agency deploys an operational platform, their staff should see their agency's identity, not a generic product interface. The Branding Admin Panel gives administrators control over every visual element, from logos and colour schemes to typography and custom CSS, so the platform reflects the organisation that deployed it.

This matters most for white-label deployments and managed service providers who present the platform under their own brand to multiple customer organisations.

Key Features#

  • Logo Management: Upload and manage primary logos, secondary logos for alternate backgrounds and dark mode, favicons, and loading screen logos. Supports PNG, SVG, JPG, and animated GIF formats.

  • Colour Scheme Customisation: Customise the full colour palette including primary, secondary, accent, and neutral colours. Pre-built themes enable quick setup; custom colours are entered as hex codes. Dark mode variants are generated automatically with optional manual overrides.

  • Typography Configuration: Choose from over 1,400 Google Fonts, system fonts, or upload custom fonts (WOFF2, WOFF, TTF). Configure separate font families for headings, body text, and monospace elements, with control over weights and sizes.

  • Component Styling: Customise the appearance of buttons, cards, form elements, and other UI components including border radius, shadow effects, padding, and animation preferences.

  • Custom CSS: Advanced customisation through a built-in CSS editor with syntax highlighting, auto-completion, real-time preview, version control, and rollback capability for iterative refinement.

  • Live Preview: See changes in real time across desktop, tablet, and mobile breakpoints before publishing. Switch between light and dark modes and view different page types to verify branding across all contexts.

  • Version Control: Save branding configurations as restore points before major changes. Browse, preview, and restore previous versions at any time without re-uploading assets.

  • Tenant-Specific Branding: Each tenant can carry unique branding within organisational limits, including custom logos, colour schemes, custom domains, and white-label capabilities. Each organisation's users see only their tenant's branding.

Use Cases#

  • Brand consistency by centralising all visual identity settings and ensuring consistent branding across every user touchpoint without manual effort per screen.
  • White-labelling for managed service providers and systems integrators who present the platform under their own brand to customer organisations.
  • Multi-tenant differentiation where each tenant organisation sees their own branding when accessing the platform, creating a tailored experience without separate deployments.
  • Rapid rebranding with version control that lets administrators save and restore branding configurations without starting from scratch.

Open Standards#

  • W3C CSS Custom Properties (CSS Level 4): Colour schemes, typography scales, and component styles are stored as CSS custom properties (variables), enabling runtime theme switching and predictable cascade behaviour across every page and component without JavaScript involvement.
  • W3C Scalable Vector Graphics (SVG 1.1 / SVG 2): Logo uploads accept SVG as the preferred format, ensuring crisp rendering at all display densities and print resolutions without quality loss. SVG files are sanitised on ingest to remove embedded scripts before storage.
  • WOFF2 and WOFF (W3C Web Fonts): Custom typefaces uploaded by administrators are stored and served in WOFF2 (primary) and WOFF (fallback) formats, the W3C-standardised web font container formats that are supported natively by all modern browsers without plugin dependency.
  • WCAG 2.2 (W3C Web Content Accessibility Guidelines): The built-in contrast checker enforces a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text and interactive elements, targeting WCAG 2.2 Level AA as a floor and AAA as the target, in line with the platform's accessibility commitment.
  • RFC 8259 (JSON): Brand kit exports and developer-asset configuration files are serialised as standards-compliant JSON, allowing downstream design tooling and CI pipelines to consume colour tokens, font specifications, and CSS variable maps without proprietary format parsing.
  • PNG (ISO/IEC 15948) and WebP (Google / IETF): Raster logo uploads are accepted in PNG (lossless, alpha-channel transparency) and WebP formats. Exported developer assets include WebP variants optimised for web delivery alongside lossless PNG originals.
  • GraphQL (June 2018 specification): All branding configuration reads, mutations, and version-history queries are exposed through the platform's GraphQL API, enabling programmatic branding updates from CI/CD pipelines and automated tenant-provisioning workflows.

Getting Started#

  1. Navigate to Admin > Branding to access the branding panel.
  2. Upload your organisation's logos in the Logos section.
  3. Set your colour palette in the Colour Scheme section using a pre-built theme or custom hex codes.
  4. Configure typography in the Typography section.
  5. Preview changes across screen sizes and light/dark modes.
  6. Click Publish Branding to apply changes platform-wide.

Best Practices#

  • Use SVG format for logos to ensure crisp rendering at all sizes and resolutions.
  • Verify accessibility by checking colour contrast ratios (minimum 4.5:1 for text, 3:1 for large text and interactive elements) using the built-in contrast checker. The platform targets WCAG 2.2 AAA compliance.
  • Test branding across all screen sizes and both light and dark modes before publishing.
  • Limit font families to two or three to maintain performance and visual consistency.
  • Save a version before making significant changes to enable easy restoration if needed.

Exporting#

  • Brand Kit: Download all logos, colour palettes, typography specifications, and CSS variables.
  • Style Guide: Generate a PDF style guide with visual examples and usage guidelines.
  • Developer Assets: Export optimised images, CSS files, font files, and configuration JSON for downstream development work.

Availability#

  • Enterprise Plan: Included (full customisation, white-label, tenant branding)
  • Professional Plan: Logo and colour customisation included; custom CSS and white-label available as add-on

Last Reviewed: 2026-02-05 Last Updated: 2026-04-14

Ready to Build?

Get started with our APIs or contact our integration team for support.