Skip to content

Branding Governance Rules

  • Each platform owns its branding folder.
  • Shared assets must live under /branding/shared.
  • Logos must be provided at least in SVG format.
  • Filenames must be semantic and stable.
  • Breaking changes require a new versioned folder (v2).

πŸ“ Folder Structure

The following folder and file structure is defined in the respective Azure Storage Account (blob).

static/
β”œβ”€β”€ images/
β”‚   └── branding/
β”‚       β”œβ”€β”€ shared/
β”‚       β”‚   β”œβ”€β”€ v1/
β”‚       β”‚   β”‚   β”œβ”€β”€ logos/
β”‚       β”‚   β”‚   β”‚   β”œβ”€β”€ logo-corporate.svg
β”‚       β”‚   β”‚   β”‚   β”œβ”€β”€ logo-corporate-dark.svg
β”‚       β”‚   β”‚   β”‚   β”œβ”€β”€ logo-corporate-light.svg
β”‚       β”‚   β”‚   β”‚   └── logo-corporate.png
β”‚       β”‚   β”‚   β”‚
β”‚       β”‚   β”‚   β”œβ”€β”€ email/
β”‚       β”‚   β”‚   β”‚   β”œβ”€β”€ logo-email.png
β”‚       β”‚   β”‚   β”‚   └── logo-email-dark.png
β”‚       β”‚   β”‚   β”‚
β”‚       β”‚   β”‚   β”œβ”€β”€ icons/
β”‚       β”‚   β”‚   β”‚   β”œβ”€β”€ app-icon-192.png
β”‚       β”‚   β”‚   β”‚   β”œβ”€β”€ app-icon-512.png
β”‚       β”‚   β”‚   β”‚   └── favicon.ico
β”‚       β”‚   β”‚   β”‚
β”‚       β”‚   β”‚   └── README.md
β”‚       β”‚   β”‚
β”‚       β”‚   └── v2/
β”‚       β”‚       └── README.md
β”‚       β”‚
β”‚       β”œβ”€β”€ analitica/
β”‚       β”‚   β”œβ”€β”€ v1/
β”‚       β”‚   β”‚   β”œβ”€β”€ logos/
β”‚       β”‚   β”‚   β”‚   β”œβ”€β”€ logo-primary.svg
β”‚       β”‚   β”‚   β”‚   β”œβ”€β”€ logo-dark.svg
β”‚       β”‚   β”‚   β”‚   └── logo-icon.svg
β”‚       β”‚   β”‚   β”‚
β”‚       β”‚   β”‚   β”œβ”€β”€ email/
β”‚       β”‚   β”‚   β”‚   └── logo-email.png
β”‚       β”‚   β”‚   β”‚
β”‚       β”‚   β”‚   └── README.md
β”‚       β”‚   β”‚
β”‚       β”‚   └── v2/
β”‚       β”‚       └── README.md
β”‚       β”‚
β”‚       └── colabora/
β”‚           β”œβ”€β”€ v1/
β”‚           β”‚   β”œβ”€β”€ logos/
β”‚           β”‚   β”‚   β”œβ”€β”€ logo-primary.svg
β”‚           β”‚   β”‚   β”œβ”€β”€ logo-dark.svg
β”‚           β”‚   β”‚   └── logo-icon.svg
β”‚           β”‚   β”‚
β”‚           β”‚   β”œβ”€β”€ email/
β”‚           β”‚   β”‚   └── logo-email.png
β”‚           β”‚   β”‚
β”‚           β”‚   └── README.md
β”‚           β”‚
β”‚           └── v2/
β”‚               └── README.md
β”‚
β”œβ”€β”€ email-templates/
β”‚   β”œβ”€β”€ shared/
β”‚   β”‚   β”œβ”€β”€ v1/
β”‚   β”‚   β”‚   β”œβ”€β”€ assets/
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ divider.png
β”‚   β”‚   β”‚   β”‚   └── footer-bg.png
β”‚   β”‚   β”‚   β”‚
β”‚   β”‚   β”‚   β”œβ”€β”€ templates/
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ base.html
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ notification.html
β”‚   β”‚   β”‚   β”‚   └── welcome.html
β”‚   β”‚   β”‚   β”‚
β”‚   β”‚   β”‚   └── README.md
β”‚   β”‚   β”‚
β”‚   β”‚   └── v2/
β”‚   β”‚       └── README.md
β”‚   β”‚
β”‚   β”œβ”€β”€ analitica/
β”‚   β”‚   └── v1/
β”‚   β”‚       β”œβ”€β”€ templates/
β”‚   β”‚       β”‚   └── report-ready.html
β”‚   β”‚       └── README.md
β”‚   β”‚
β”‚   └── colabora/
β”‚       └── v1/
β”‚           β”œβ”€β”€ templates/
β”‚           β”‚   └── invitation.html
β”‚           └── README.md
β”‚
β”œβ”€β”€ styles/
β”‚   └── v1/
β”‚       β”œβ”€β”€ css/
β”‚       β”‚   β”œβ”€β”€ main.css
β”‚       β”‚   β”œβ”€β”€ analitica.css
β”‚       β”‚   └── colabora.css
β”‚       └── fonts/
β”‚           β”œβ”€β”€ inter/
β”‚           β”‚   β”œβ”€β”€ inter-regular.woff2
β”‚           β”‚   └── inter-bold.woff2
β”‚           └── roboto/
β”‚               └── roboto-regular.woff2
β”‚
β”œβ”€β”€ scripts/
β”‚   └── v1/
β”‚       β”œβ”€β”€ js/
β”‚       β”‚   β”œβ”€β”€ analytics.js
β”‚       β”‚   β”œβ”€β”€ ui-components.js
β”‚       β”‚   └── colabora-widgets.js
β”‚       └── vendor/
β”‚           └── chartjs/
β”‚               └── chart.min.js
β”‚
β”œβ”€β”€ documents/
β”‚   β”œβ”€β”€ public/
β”‚   β”‚   └── v1/
β”‚   β”‚       β”œβ”€β”€ brochures/
β”‚   β”‚       β”œβ”€β”€ datasheets/
β”‚   β”‚       └── whitepapers/
β”‚   └── policies/
β”‚       └── brand-guidelines.pdf
β”‚
β”œβ”€β”€ cache/
β”‚   └── thumbnails/
β”‚
β”œβ”€β”€ temp/
β”‚   └── uploads/
β”‚
└── README.md