Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blog new kit icons #1117

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 34 additions & 0 deletions blog/2024-12-16-kit-icons-update.md
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).
4 changes: 4 additions & 0 deletions static/img/kits/KIT_landscape.drawio.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions static/img/kits/KIT_landscape.drawio.svg.license
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
5 changes: 5 additions & 0 deletions utils/newsTitles.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,9 @@
export const newsTitles = [
{
date: "16.12.2024",
title: "Unified Design and Color Scheme for Kit Icons",
blogLink: "/blog/unified-design-color-kits"
},
{
date: "19.02.2025",
title: "Tractus-X Community Update - Release Planning for Release 25.06",
Expand Down
Loading