.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;
}
}
▶ 观看演示
.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
让新操作员 更快掌握色彩。
了解 SmartInk 如何利用 AI 驱动的色彩校正建议，帮助操作员更快达到目标色彩，减少准备过程中的浪费，并消除代价高昂的试错调整。
40
分钟（未使用 SmartInk）
12
分钟（使用 SmartInk）
✓
无需注册。立即观看。
.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