브랜드 아이덴티티
Brand
Strategy
HD현대건설기계는 2022년 브랜드 전략 시스템 구축 과정을 통해
2023년 3월 브랜드 슬로건 “Building a Comfortable Tomorrow”와
브랜드 아이덴티티 “Comfort Intelligence”를 새롭게 선포했습니다.
Brand Identity
Comfort
Intelligence
Brand Slogan
Building a
Comfortable
Tomorrow
Mission
안락한 내일을 위한
견고한 바탕을 만듭니다
Vision
스마트 건설기계 생태계의
글로벌 리더가 됩니다
// 2024-03-08 스크립트 수정
// 2024-03-12 스크립트 수정
var _thisScroll = 0;
var _isScrollTop;
if ($(window).scrollTop() > $(".intro .con2").offset().top) {
$("#subBody").removeClass("wide");
}
$(window).on("scroll", function () {
_isScrollTop = $(window).scrollTop();
if (_isScrollTop > _thisScroll) { // down
if (_isScrollTop > 0) {
if ($(window).scrollTop() > $(".intro .con2").offset().top) {
$(".intro .con1").addClass("scroll");
}
}
}
if (_isScrollTop < _thisScroll) { // up
if ($(window).scrollTop() < $(".intro .con2").offset().top) {
$(".intro .con1").removeClass("scroll");
$("#subBody").addClass("wide");
$("#subBody h2 p").css("opacity" , "0").css("transform" , "translate(0px, -500px)");
}
}
_thisScroll = _isScrollTop;
}); $(window).scroll();
gsap.fromTo("#subBody h2 p",{ transform: 'translate(0, 100px)', opacity: 0, ease: Power3.easeOut }, { duration: 0.8, 'transform': 'translate(0, 0)', opacity: 1, ease: Power3.easeOut});
gsap.fromTo("#subBody h2 p",
{
duration: 0.8,
transform: 'translate(0, 0)',
opacity: 1,
ease: Power3.easeOut
},
{
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
scrub: 1,
},
y: -500,
opacity: 0,
}
);
ScrollTrigger.matchMedia({
"(min-width: 1025px)": function() {
gsap.to(".intro .con1 .bg", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -500,
// width: "100%",
// height: "1200rem" // 2024-04-11 수정
});
gsap.to(".intro .con2 .deco", {
scrollTrigger: {
trigger: ".intro .con1",
start: "215% bottom",
end: "215% bottom",
// markers: true,
scrub : 1,
},
'transform': 'skew(0, 0deg)'
});
},
"(max-width: 1024px)": function() {
gsap.to(".intro .con1 .bg", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=70%",
// markers: true,
scrub : 1,
},
y : -200,
// width: "100%",
height: "100vh"
});
gsap.to(".intro .con2 .deco", {
scrollTrigger: {
trigger: ".intro .con1",
start: "235% bottom",
end: "235% bottom",
// markers: true,
scrub : 1,
},
'transform': 'skew(0, 0deg)'
});
},
});
gsap.to(".intro.brand .con1 .inner", {
scrollTrigger: {
trigger: ".intro.brand .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -700,
opacity: 0,
});
gsap.to(".intro.brand .con2 div > .inner .txt1", {
scrollTrigger: {
trigger: ".intro.brand .con2",
start: "-30% top",
end: "+=100%",
scrub : 1,
},
y : -90,
});
gsap.to(".intro.brand .con2 div > .inner .txt2", {
scrollTrigger: {
trigger: ".intro.brand .con2",
start: "-30% top",
end: "+=100%",
scrub : 1,
},
y : -130,
});
gsap.to(".intro.brand .con2 div > .inner .txt3", {
scrollTrigger: {
trigger: ".intro.brand .con2",
start: "-30% top",
end: "+=100%",
scrub : 1,
},
y : -140,
});
gsap.to(".intro.brand .con2 .tri1", {
scrollTrigger: {
trigger: ".intro.brand .con2",
start: "-30% top",
end: "+=100%",
scrub : 1,
},
y : -140,
});
gsap.to(".intro.brand .con2 div > .inner .txt4", {
scrollTrigger: {
trigger: ".intro.brand .con2",
start: "-30% top",
end: "+=100%",
scrub : 1,
},
y : -130,
});
gsap.to(".intro.brand .con2 .tri2", {
scrollTrigger: {
trigger: ".intro.brand .con2",
start: "-30% top",
end: "+=100%",
scrub : 1,
},
y : -130,
});
gsap.to(".intro.brand .con2 div > .inner .tri-pack", {
scrollTrigger: {
trigger: ".intro.brand .con2",
start: "-30% top",
end: "+=130%",
scrub : 1,
},
y : -150,
});