-
Notifications
You must be signed in to change notification settings - Fork 89
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into docs/add-blog-recap-community-days
- Loading branch information
Showing
5 changed files
with
81 additions
and
51 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
--- | ||
title: Unified Design and Color Scheme for Kit Icons | ||
description: Unified Design and Color Scheme for All Kit Icons | ||
slug: unified-design-color-kits | ||
date: 2024-12-16 | ||
hide_table_of_contents: false | ||
authors: | ||
- name: Thibault Grandemenge | ||
title: Business Domanin Manager | ||
url: https://github.com/Grand-Thibault | ||
image_url: https://github.com/Grand-Thibault.png | ||
email: [email protected] | ||
--- | ||
|
||
![KITs landscape](@site/static/img/kits/KIT_landscape.drawio.svg) | ||
|
||
Hello Tractus-X community, | ||
|
||
We are excited to announce a major update to the design of our KIT icons! We have implemented a new, unified design and color scheme that improves consistency, readability, and visual cohesion across all KITs. With this update, all icons now follow a standardized layout that visually connects them while still allowing room for individuality. The new layout enhances the overall user experience and ensures a more polished look in the gallery and beyond. | ||
|
||
## A Unified Layout for a Unified Experience | ||
|
||
Color plays a critical role in differentiating KITs and making them visually accessible. To achieve this, we have updated the color scheme to strike a balance between shared identity and unique representation: | ||
|
||
- KITs within the same domain now share a common base color to symbolize their connection, | ||
- Each KIT retains its own accent color to emphasize its unique scope. | ||
|
||
This ensures that each kit is still easily identifiable while reinforcing its association with the broader domain. We have also adjusted the primary color for certain kits to improve readability and contrast. These changes are particularly noticeable in the KIT gallery, where some older color choices made text and icons harder to read. | ||
|
||
## Why These Changes Matter | ||
|
||
Consistency and clarity are key to making our open source project accessible and enjoyable for everyone. By unifying the design and refining the color scheme, we’re making navigation easier, improving accessibility and creating a cohesive identity. | ||
|
||
All color codes can he found [here](https://github.com/eclipse-tractusx/eclipse-tractusx.github.io/blob/main/static/img/kits/kit-colors.md). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
This work is licensed under the CC-BY-4.0 | ||
|
||
- SPDX-License-Identifier: CC-BY-4.0 | ||
- SPDX-FileCopyrightText: 2024 Contributors to the Eclipse Foundation | ||
- Source URL: https://github.com/eclipse-tractusx/eclipse-tractusx.github.io/blob/main/static/img/kits/KIT_landscape.drawio.svg |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters