Skip to content

Brand Assets

manaphassan edited this page Aug 5, 2026 · 1 revision

Brand Assets

The Brand Assets module provides in-app access to SuamiSihat's colour system, design libraries, logo files, quick-launch links, and workstation reports.

Home  ·  User-Guide  ·  Troubleshooting


Visibility

The Brand Assets module is only visible in the sidebar when the Brand Kit is detected on your workstation. If the module does not appear, configure the asset path in:

Settings → Brand Kit Path → Browse

Point it to the SuamiSihat Brand Assets folder in your Documents directory.


Asset Types

Colour Palettes

File Format Application
ss_color_theme.afpalette Affinity palette Affinity Designer / Publisher / Photo
SS Health Primary.ase Adobe swatch Photoshop / Illustrator / InDesign
SS Health Secondary.ase Adobe swatch Photoshop / Illustrator / InDesign
SS Health Grey Tone.ase Adobe swatch Photoshop / Illustrator / InDesign

Importing in Affinity: Swatches panel → Menu → Import Palette → From File

Importing in Adobe: Swatches panel → Open Swatch Library → Other Library


Design Libraries

File Format Application
SuamiSihat Branding.afassets Affinity assets Affinity Designer / Publisher / Photo
ss_health_branding.afassets Affinity assets Affinity Designer / Publisher / Photo
SuamiSihat Branding.cclibs CC Library Adobe Photoshop / Illustrator / InDesign

Importing in Affinity: Assets panel → Menu → Import Assets

Importing in Adobe CC: Libraries panel → Import


Logos

Logos are organized by sub-brand:

Logos\
├── 00_SuamiSihat\       Corporate master brand
├── 01_ssHealth\         Health division
├── 02_ssClinic\         Clinic services
├── 03_ssWellness\       Wellness programmes
├── 04_ssEcom\           E-commerce platform
└── 05_ssTech\           Technology division

Each folder contains SVG (scalable, for print and digital) and PNG variants (for web and presentations), in both dark background and light background variants.

Usage rules:

  • Use the dark-background variant on #022057 (SS Prussian Blue) surfaces
  • Use the light-background variant on white or light surfaces
  • Do not recolour, distort, apply effects, or alter proportions

Links

Three browser shortcuts for quick access to online resources:

Shortcut Destination
SuamiSihat Service Dashboard Internal operations dashboard
SuamiSihat Internal Assets Internal asset server
SuamiSihat Public Brand Assets Public brand guidelines

Reports

Two Markdown reports rendered in-app:

Report Contents
SuamiSihat-Workstation-Report.md Full workstation configuration summary
SuamiSihat-Font-Inventory.md Installed typography audit

Colour System

Token Hex Usage
SS Prussian Blue #022057 App header, dark surfaces, primary backgrounds
SS Blue #043388 Primary headings, interactive elements, key metrics
Azure #21A1F7 Supporting accent, badges, chart highlights
Malibu #6DC6EC Secondary accent, logo mark tones
Emerald #10B981 Positive states — growth, active, online
Amber #F59E0B Warning states, exhale phase, storage highlights
Crimson #EF4444 Error states, stale/offline indicators

Typography Suite

Core Brand Typefaces

Typeface Classification Primary Use
Poppins Geometric sans-serif Headlines, marketing banners
Calibri Humanist sans-serif Body text, documentation
Helvetica Neue Transitional sans-serif UI interfaces, technical layouts
Montserrat Geometric sans-serif Labels, supporting accents

Extended Suite

Typeface Purpose
FontAwesome Pro 5 Vector icon typography
Barcode Suite Code 128 and 2D barcode generation
Futura Std Display and title graphics
Oswald Compact headlines, condensed type
Roboto Screen-optimised digital interfaces
Trueno Display accent typography

Clone this wiki locally