.hero-section{
padding:20px 20px;
background:#ffffff;
}
.hero-grid{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:60% 40%;
gap:70px;
align-items:center;
}
.hero-image{
position:relative;
}
.hero-image img{
width:100%;
display:block;
border-radius:18px;
box-shadow:0 30px 80px rgba(0,0,0,.18);
}
.hero-content{
max-width:500px;
}
.hero-tag{
display:inline-block;
padding:10px 18px;
background:#e31937;
color:#fff;
font-size:12px;
font-weight:700;
letter-spacing:.5px;
border-radius:999px;
margin-bottom:25px;
}
.hero-content h1{
font-size:72px;
line-height:.95;
font-weight:800;
letter-spacing:-2px;
color:#111;
margin:0 0 25px;
}
.hero-content p{
font-size:22px;
line-height:1.6;
color:#555;
margin-bottom:40px;
}
.hero-cta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
padding:18px 34px;
background:#e31937;
color:#fff !important;
font-size:18px;
font-weight:700;
text-decoration:none;
border-radius:8px;
transition:.25s;
box-shadow:0 15px 40px rgba(227,25,55,.25);
}
.hero-cta:hover{
background:#c91431;
transform:translateY(-2px);
}
.hero-metrics{
display:flex;
gap:40px;
margin-bottom:40px;
}
.metric{
display:flex;
flex-direction:column;
}
.metric-number{
font-size:54px;
font-weight:800;
line-height:1;
}
.metric-label{
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
color:#777;
margin-top:8px;
}
.metric-red{
color:#e31937;
}
.metric-green{
color:#1ebc2f;
}
@media(max-width:1024px){
.hero-grid{
grid-template-columns:1fr;
gap:50px;
}
.hero-content{
max-width:none;
text-align:center;
}
.hero-metrics{
justify-content:center;
}
}
@media(max-width:767px){
.hero-content h1{
font-size:46px;
}
.hero-content p{
font-size:18px;
}
.metric-number{
font-size:40px;
}
.hero-metrics{
gap:25px;
}
}
▶ Demo ansehen
.hero-note{
display:flex;
align-items:center;
gap:8px;
margin-top:14px;
font-size:14px;
font-weight:500;
color:#777777;
}
.hero-note-check{
width:20px;
height:20px;
border-radius:50%;
background:#e9f8ed;
color:#1ebc2f;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
font-weight:700;
flex-shrink:0;
}
CHROMAQA 7 + SMARTINK
Bringen Sie neue Bediener schneller auf Farbe.
Erfahren Sie, wie SmartInk KI-gestützte Empfehlungen zur Farbkorrektur nutzt, um Bedienern zu helfen, die Zielfarbe schneller zu erreichen, den Einrichteausschuss zu reduzieren und kostspielige Anpassungen durch Ausprobieren zu eliminieren.
40
Minuten ohne SmartInk
12
Minuten mit SmartInk
✓
Keine Registrierung erforderlich. Sofort ansehen.
.video-section{
background:#111111;
padding:10px 30px 90px;
color:#ffffff;
text-align:center;
}
.video-container{
max-width:1400px;
margin:auto;
}
.video-tag{
display:inline-block;
padding:10px 18px;
background:#e31937;
border-radius:999px;
font-size:12px;
font-weight:700;
letter-spacing:.5px;
margin-bottom:25px;
}
.video-title{
font-size:72px;
font-weight:800;
line-height:.95;
letter-spacing:-2px;
margin-bottom:25px;
}
.video-subtitle{
max-width:800px;
margin:0 auto 35px auto;
font-size:24px;
line-height:1.6;
color:rgba(255,255,255,.75);
}
.video-wrapper{
position:relative;
max-width:1200px;
margin:auto;
aspect-ratio:16/9;
}
.video-wrapper iframe{
width:100%;
height:100%;
border:0;
border-radius:20px;
box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.video-learn{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-top:60px;
}
.learn-item{
padding:14px 22px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);
border-radius:999px;
font-size:15px;
}
@media(max-width:1024px){
.video-title{
font-size:54px;
}
.video-subtitle{
font-size:20px;
}
}
@media(max-width:767px){
.video-section{
padding:80px 20px;
}
.video-title{
font-size:42px;
}
.video-subtitle{
font-size:18px;
}
.learn-item{
width:100%;
}
}
See SmartInk In Action.
Watch how ChromaQA generates AI-powered ink correction recommendations that help operators reach target color faster, reduce waste, and eliminate trial-and-error adjustments.
✓ Intelligent Color Corrections
✓ Reduced Make-Ready Time
✓ Less Waste & Rework
✓ Easier Operator Decisions
.logo-strip{
padding:20px 30px;
background:#f6f6f6;
}
.logo-container{
/*max-width:1400px;*/
margin:auto;
text-align:center;
}
.logo-title{
font-size:14px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:#888888;
margin-bottom:0px;
}
.logo-grid{
display:flex;
justify-content:center;
align-items:center;
gap:60px;
flex-wrap:wrap;
}
.logo-grid img{
height:50px;
width:auto;
opacity:.55;
filter:grayscale(100%);
transition:.3s;
}
.logo-grid img:hover{
opacity:.9;
}
@media(max-width:767px){
.logo-grid{
gap:30px;
}
.logo-grid img{
height:38px;
}
}
Trusted By Leading Packaging & Label Converters
.demo-section{
background:linear-gradient(
135deg,
#e31937 0%,
#c91530 100%
);
padding:120px 40px;
border-radius:24px;
overflow:hidden;
position:relative;
}
.demo-section:before{
content:"";
position:absolute;
width:500px;
height:500px;
right:-200px;
top:-200px;
border:60px solid rgba(255,255,255,.08);
border-radius:50%;
}
.demo-content{
position:relative;
z-index:2;
max-width:600px;
}
.demo-tag{
display:inline-block;
padding:10px 18px;
background:rgba(255,255,255,.15);
border:1px solid rgba(255,255,255,.25);
border-radius:999px;
font-size:12px;
font-weight:700;
letter-spacing:.5px;
color:#ffffff;
margin-bottom:25px;
}
.demo-content h2{
font-size:72px;
line-height:.95;
font-weight:800;
letter-spacing:-2px;
color:#ffffff;
margin:0 0 25px;
}
.demo-content p{
font-size:22px;
line-height:1.7;
color:rgba(255,255,255,.9);
margin-bottom:40px;
}
.demo-benefits{
display:flex;
flex-direction:column;
gap:16px;
}
.demo-item{
display:flex;
align-items:flex-start;
gap:14px;
color:#ffffff;
font-size:18px;
}
.demo-check{
width:28px;
height:28px;
border-radius:50%;
background:#ffffff;
color:#e31937;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
flex-shrink:0;
}
@media(max-width:1024px){
.demo-content h2{
font-size:56px;
}
.demo-content p{
font-size:20px;
}
}
@media(max-width:767px){
.demo-section{
padding:70px 25px;
}
.demo-content h2{
font-size:42px;
}
.demo-content p{
font-size:18px;
}
.demo-item{
font-size:16px;
}
}
PERSONALIZED DEMONSTRATION
Ready To See SmartInk Live?
Schedule a personalized demonstration and discover how ChromaQA with SmartInk can help your operators reach target color faster, reduce make-ready waste, and improve consistency across every shift.
✓
See SmartInk applied to your production environment
✓
Review your current color correction workflow
✓
Identify opportunities to reduce waste and make-ready time
✓
Discuss integration with existing inks and measurement devices