ZMDM Integration | ZMDM
:root {
–primary: #1a365d;
–primary-dark: #0f2744;
–accent: #2b6cb0;
–accent-light: #4299e1;
–warning: #c53030;
–success: #276749;
–light-bg: #f7fafc;
–border: #e2e8f0;
–text: #2d3748;
–text-muted: #718096;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-size: 16px;
}
body {
font-family: ‘DM Sans’, ‘Segoe UI’, system-ui, -apple-system, sans-serif;
font-size: 1rem;
line-height: 1.7;
color: var(–text);
background: #fff;
}
.container {
max-width: 1100px;
margin: 0 auto;
padding: 0 2rem;
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, var(–primary) 0%, var(–accent) 50%, var(–primary-dark) 100%);
color: white;
padding: 5rem 2rem;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 80%, rgba(66, 153, 225, 0.15) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 40%);
pointer-events: none;
}
.hero-content {
position: relative;
z-index: 1;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(10px);
padding: 0.625rem 1.5rem;
border-radius: 50px;
font-size: 0.75rem;
margin-bottom: 1.5rem;
text-transform: uppercase;
letter-spacing: 1.5px;
border: 1px solid rgba(255,255,255,0.2);
}
.hero h1 {
font-size: 2.75rem;
font-weight: 700;
margin-bottom: 1.25rem;
line-height: 1.15;
letter-spacing: -0.5px;
color: #ffffff;
}
.hero .tagline {
font-size: 1.125rem;
opacity: 0.9;
max-width: 750px;
margin: 0 auto;
line-height: 1.6;
}
/* Integration Methods */
.methods-section {
padding: 4rem 2rem;
background: var(–light-bg);
}
.section-header {
text-align: center;
margin-bottom: 3rem;
}
.section-header h2 {
font-size: 2rem;
color: var(–primary);
margin-bottom: 0.75rem;
font-weight: 700;
}
.section-header p {
color: var(–text-muted);
font-size: 1rem;
max-width: 650px;
margin: 0 auto;
}
.methods-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.method-card {
background: white;
border-radius: 12px;
padding: 2rem;
text-align: center;
box-shadow: 0 4px 6px rgba(0,0,0,0.07);
border-top: 4px solid var(–accent);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.method-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.method-card .method-icon {
width: 64px;
height: 64px;
margin: 0 auto 1.25rem;
background: linear-gradient(135deg, var(–accent) 0%, var(–primary) 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.method-card .method-icon svg {
width: 32px;
height: 32px;
stroke: white;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.method-card h3 {
font-size: 1.25rem;
color: var(–primary);
margin-bottom: 0.5rem;
}
.method-card p {
font-size: 0.875rem;
color: var(–text-muted);
}
/* Systems Section */
.systems-section {
padding: 4rem 2rem;
background: white;
}
.systems-section h2 {
font-size: 1.75rem;
color: var(–primary);
margin-bottom: 1rem;
text-align: center;
}
.systems-section > .container > p {
text-align: center;
color: var(–text-muted);
max-width: 650px;
margin: 0 auto 2.5rem;
}
.systems-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1.25rem;
}
.system-card {
background: var(–light-bg);
border-radius: 12px;
padding: 1.5rem;
display: flex;
align-items: center;
gap: 1rem;
transition: all 0.2s ease;
border: 1px solid transparent;
}
.system-card:hover {
background: white;
border-color: var(–accent-light);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
.system-icon {
width: 48px;
height: 48px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.system-icon svg {
width: 24px;
height: 24px;
stroke: white;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.system-icon.erp { background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%); }
.system-icon.sap { background: linear-gradient(135deg, #0070c0 0%, #004a80 100%); }
.system-icon.crm { background: linear-gradient(135deg, #00b5d8 0%, #0987a0 100%); }
.system-icon.supply-chain { background: linear-gradient(135deg, #38a169 0%, #276749 100%); }
.system-icon.plm { background: linear-gradient(135deg, #805ad5 0%, #553c9a 100%); }
.system-icon.manufacturing { background: linear-gradient(135deg, #ed8936 0%, #c05621 100%); }
.system-icon.logistics { background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%); }
.system-icon.database { background: linear-gradient(135deg, #38a169 0%, #276749 100%); }
.system-icon.data-platform { background: linear-gradient(135deg, #d69e2e 0%, #b7791f 100%); }
.system-icon.ai { background: linear-gradient(135deg, #805ad5 0%, #553c9a 100%); }
.system-icon.sso { background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%); }
.system-icon.cloud { background: linear-gradient(135deg, #00b5d8 0%, #0987a0 100%); }
.system-card h4 {
font-size: 0.9375rem;
color: var(–primary);
font-weight: 600;
}
/* Highlight Box */
.highlight-box {
background: linear-gradient(135deg, var(–primary) 0%, var(–accent) 100%);
color: white;
padding: 2.5rem;
border-radius: 12px;
margin: 3rem 0 0;
text-align: center;
}
.highlight-box h3 {
color: white;
margin-bottom: 0.75rem;
font-size: 1.375rem;
}
.highlight-box p {
color: rgba(255,255,255,0.9);
margin-bottom: 0;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
/* How It Works Section */
.how-it-works {
padding: 4rem 2rem;
background: var(–light-bg);
}
.how-it-works h2 {
font-size: 1.75rem;
color: var(–primary);
margin-bottom: 2rem;
text-align: center;
}
.steps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
}
.step-card {
background: white;
border-radius: 12px;
padding: 1.75rem;
box-shadow: 0 4px 6px rgba(0,0,0,0.07);
position: relative;
}
.step-number {
position: absolute;
top: -12px;
left: 1.75rem;
width: 32px;
height: 32px;
background: var(–accent);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 0.875rem;
}
.step-card h4 {
color: var(–primary);
margin-bottom: 0.5rem;
margin-top: 0.5rem;
font-size: 1.125rem;
}
.step-card p {
font-size: 0.875rem;
color: var(–text-muted);
margin-bottom: 0;
}
/* Benefits Grid */
.benefits-section {
padding: 4rem 2rem;
background: white;
}
.benefits-section h2 {
font-size: 1.75rem;
color: var(–primary);
margin-bottom: 2rem;
text-align: center;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.5rem;
}
.benefit-card {
background: var(–light-bg);
border-radius: 12px;
padding: 1.5rem;
border-left: 4px solid var(–success);
}
.benefit-card h4 {
color: var(–primary);
margin-bottom: 0.5rem;
font-size: 1rem;
display: flex;
align-items: center;
gap: 0.625rem;
}
.benefit-card .benefit-icon {
width: 28px;
height: 28px;
background: var(–success);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.benefit-card .benefit-icon svg {
width: 14px;
height: 14px;
stroke: white;
fill: none;
stroke-width: 2;
}
.benefit-card p {
font-size: 0.8125rem;
color: var(–text-muted);
margin-bottom: 0;
}
/* CTA Section */
.cta-section {
background: linear-gradient(135deg, var(–primary) 0%, var(–accent) 100%);
padding: 5rem 2rem;
text-align: center;
position: relative;
overflow: hidden;
}
.cta-section::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);
pointer-events: none;
}
.cta-content {
position: relative;
z-index: 1;
}
.cta-section h2 {
color: white;
font-size: 2rem;
font-weight: 700;
margin-bottom: 1rem;
}
.cta-section p {
color: rgba(255,255,255,0.9);
font-size: 1.125rem;
max-width: 550px;
margin: 0 auto 2.5rem;
}
.cta-buttons {
display: flex;
justify-content: center;
gap: 1.25rem;
flex-wrap: wrap;
}
.cta-btn {
display: inline-block;
padding: 0.875rem 1.75rem;
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
border-radius: 8px;
transition: all 0.3s ease;
text-align: center;
}
.cta-primary {
background: white;
color: var(–primary);
}
.cta-primary:hover {
background: var(–light-bg);
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}
.cta-secondary {
background: transparent;
color: white;
border: 2px solid rgba(255,255,255,0.5);
}
.cta-secondary:hover {
background: rgba(255,255,255,0.1);
border-color: white;
transform: translateY(-3px);
}
/* Responsive */
@media (max-width: 768px) {
html {
font-size: 15px;
}
.hero h1 {
font-size: 2rem;
}
.methods-grid {
grid-template-columns: 1fr;
}
.systems-grid {
grid-template-columns: 1fr 1fr;
}
.cta-section h2 {
font-size: 1.75rem;
}
}
ZMDM Platform
ZMDM Integration
Versatile out-of-the-box connectors and an integration development toolkit for bi-directional integration with your enterprise systems, data platforms, and AI services.
REST APIs
Connect to modern cloud and SaaS applications using REST-based adapters with full support for authentication and data transformation.
JDK Libraries
Native Java libraries including SAP’s Java Connector (JCo) for deep ERP integration and AI platform SDKs for intelligent automation.
JDBC
Direct database connectivity for data synchronization and validation with relational databases across your enterprise.
Supported Systems
ZMDM provides out-of-the-box connectors and adapters for a wide range of enterprise systems, with a development toolkit to build custom integrations.
Need a Custom Connector?
ZMDM includes an integration development toolkit that allows you to extend existing adapters or build new ones for bi-directional integration with any system in your landscape.
How Integration Works in ZMDM
1
Configure External Systems
Define your source and destination systems with connection parameters, authentication, and mapping configurations.
2
Add to Workflows
Integration becomes just another activity in your master data workflows — no separate middleware required.
3
Execute Bi-Directionally
Pull data from source systems, validate and enrich in ZMDM, then push golden records to destination systems.
Integration Benefits
No Middleware Required
Eliminate the need for separate integration platforms — ZMDM handles it natively.
Real-Time Sync
Keep master data synchronized across all systems with event-driven updates.
Governed Data Flow
All integrations pass through governance workflows ensuring data quality.
Full Audit Trail
Track every data exchange with complete audit logging and error handling.
Ready to Connect Your Systems?
See how ZMDM’s integration capabilities can unify your enterprise master data.
