learningequality
Create logo guidance for our products
❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.
Product
Kolibri, Studio, KDP, and KDS
Desired behavior
It would be helpful to have a documentation page within the documentation system about logo usage in our products. This is distinct from the KLogo component which explains the technical specifications and usage, and is more analogous to the "Foundational" design system sections, (i.e. icons) that provide general guidance about which logo should be used based on things like:
- placement
- colors/contrast
- background
- size etc.
Examples:
| Example 1 | Example 2 | |
|---|---|---|
| Small icon in a toolbar | ||
| Login pages | ||
| Side navigation panels | ||
| Headers |
MVP
For the first steps, an actual documentation page is not required, but a google doc or figma with guidance for the use cases outlined above, as well as some generalizable principles that can be used for example, if/when we find another logo placement that is not outline here, will be enough to move the current product work forward.
From there, this can be expanded upon and turned into a documentation page, and assigned to an engineer on the team to build out.
I've started outlining guidelines in Figma to address pixel sizes, margins, and radii for the use cases defined here @marcellamaki.
Please take a look and let me know if there are any other scenarios we should cover or if any adjustments are needed: https://www.figma.com/file/vadQ3P5v8pqNRfrT0lYXzA/Logo-usage-guidelines?type=design&node-id=17-2553&mode=design
