KIT 3D Logo Library
Browse and download 3D isometric logos for all Eclipse Tractus-X kits.
Kit 3D Logo Gallery
Interactive 3D isometric logos for all Eclipse Tractus-X kits
CONNECTOR KIT
Dataspace Foundation
Enablement ServiceGraduated
Primary:#2316E3
Gradient:
#3372CC
135°
#2316E3
DATA GOVERNANCE KIT
Dataspace Foundation
GovernanceSandbox
Primary:#1E13C2
Gradient:
#3372CC
135°
#1E13C2
DATA TRUST & SECURITY KIT
Dataspace Foundation
SecurityIncubating
Primary:#2A1FB3
Gradient:
#3372CC
135°
#2A1FB3
BUSINESS PARTNER KIT
Dataspace Foundation
Participant ManagementGraduated
Primary:#1E13C2
Gradient:
#3372CC
135°
#1E13C2
DIGITAL TWIN KIT
Industry Core Foundation
Enablement ServiceGraduated
Primary:#EA3650
Gradient:
#F08B9B
135°
#EA3650
INDUSTRY CORE KIT
Industry Core Foundation
Use Case PlatformGraduated
Primary:#EC4A61
Gradient:
#F08B9B
135°
#EC4A61
DATA CHAIN KIT
Industry Core Foundation
TraceabilityGraduated
Primary:#EB4877
Gradient:
#F08B9B
135°
#EB4877
TRACEABILITY KIT
Industry Core Foundation
TraceabilityGraduated
Primary:#F45D3C
Gradient:
#FFBD59
135°
#F45D3C
SUPPLY CHAIN DISRUPTION NOTIFICATION KIT
Industry Core Foundation
Supply ChainGraduated
Primary:#9653ED
Gradient:
#E5CCFF
135°
#9653ED
KNOWLEDGE AGENTS KIT
Industry Core Foundation
Enablement ServiceIncubating
Primary:#2718FA
Gradient:
#3372CC
135°
#2718FA
ESS KIT
Use Cases
SustainabilitySandbox
Primary:#2B9943
Gradient:
#66C791
135°
#2B9943
PRODUCT CARBON FOOTPRINT KIT
Use Cases
SustainabilityGraduated
Primary:#368C7D
Gradient:
#66C791
135°
#368C7D
ECO PASS KIT
Use Cases
SustainabilityIncubating
Primary:#267063
Gradient:
#66C791
135°
#267063
CIRCULARITY KIT
Use Cases
SustainabilityIncubating
Primary:#41891F
Gradient:
#66C791
135°
#41891F
DEMAND & CAPACITY MANAGEMENT KIT
Use Cases
Supply ChainGraduated
Primary:#B95EFF
Gradient:
#E5CCFF
135°
#B95EFF
LOGISTICS KIT
Use Cases
Supply ChainSandbox
Primary:#B95EFF
Gradient:
#E5CCFF
135°
#B95EFF
CUSTOMS KIT
Use Cases
Supply ChainSandbox
Primary:#B95EFF
Gradient:
#E5CCFF
135°
#B95EFF
ONLINE SIMULATION KIT
Use Cases
Supply ChainSandbox
Primary:#AB6BFF
Gradient:
#E5CCFF
135°
#AB6BFF
PURIS KIT
Use Cases
Supply ChainGraduated
Primary:#A159FF
Gradient:
#E5CCFF
135°
#A159FF
MODEL BASED PRODUCTION KIT
Use Cases
EngineeringSandbox
Primary:#FEBC02
Gradient:
#FFC357
135°
#FEBC02
BEHAVIOUR TWIN KIT
Use Cases
SimulationsIncubating
Primary:#FFA601
Gradient:
#FFC357
135°
#FFA601
DATA DRIVEN QUALITY KIT
Use Cases
QualityIncubating
Primary:#EE6A28
Gradient:
#FFBD59
135°
#EE6A28
REQUIREMENTS KIT
Use Cases
EngineeringSandbox
Primary:#e4a4de
Gradient:
#e4a4de
135°
#ac23a7
GEOMETRY KIT
Use Cases
EngineeringSandbox
Primary:#8c9ea3
Gradient:
#aebfc4
135°
#8c9ea3
MANUFACTURING AS A SERVICE KIT
Industry: shop-floor
ProductionSandbox
Primary:#A098A4
Gradient:
#a098a4
135°
#404040
MODULAR PRODUCTION KIT
Industry: shop-floor
ProductionIncubating
Primary:#A098A4
Gradient:
#a098a4
135°
#404040
About the 3D Logo Component
The Kit3DLogo component creates an isometric 3D stack effect with 8 layers:
- 4 content layers with dynamic gradient backgrounds
- 4 border-only layers for depth enhancement
- Progressive opacity: 40% → 60% → 80% → 100%
- Colors extracted dynamically from kit metadata
- Logo size automatically calculated based on kit dimensions
Technical Specifications
Rotation X: 55 degrees
Rotation Z: 45 degrees
Layer Spacing: 14.5px increments
Gradient Direction: 45deg (bottom-left to top-right)
Usage Example
Markdown (.md) or Markdown with JSX (.mdx)
import Kit3DLogo from '@site/src/components/2.0/Kit3DLogo';
<Kit3DLogo kitId="requirements" />
It can be used in .mdx and .md files. The kitId represents the unique identifier indicated in the KIT Master Data File.