diff --git a/landing/app/components/sections/hero-dataflow.tsx b/landing/app/components/sections/hero-dataflow.tsx index f04c45e..5273c7d 100644 --- a/landing/app/components/sections/hero-dataflow.tsx +++ b/landing/app/components/sections/hero-dataflow.tsx @@ -50,11 +50,35 @@ export function HeroDataFlow() { /> - {/* 카피 가독성용 스크림. 색은 하나(stage-deep)로 두고 알파만 움직인다 — - 중간 stop 에서 색이 바뀌면 그 지점이 가로선으로 읽힌다(stage/70 을 끼웠을 때 발생). */} + {/* 카피 가독성용 스크림. + 색은 하나(stage-deep)로 두고 알파만 움직인다 — 중간 stop 에서 색이 바뀌면 + 그 지점이 가로선으로 읽힌다. + + 알파는 90/60/95 였다가 낮췄다. 그 값은 헤드라인 둘째 줄이 회색(/60)이던 시절 + 그 글자를 살리려고 깐 것인데, 가장 옅은 지점에서도 영상이 40% 만 남아서 + 배경 전체가 탁해졌다. 헤드라인이 흰색이 된 지금은 이만큼 덮을 이유가 없다. + 구간별로 필요한 만큼만 준다 — 위는 헤더 nav(작은 회색 글자), 가운데는 흰 + 헤드라인이라 가장 옅게, 아래는 다음 섹션으로 넘어가는 암전(h-32)이 따로 있다. */}
+ + {/* 카피 뒤만 국소적으로 누른다. + 전면을 균일하게 덮으면 글자는 살지만 영상이 통째로 탁해진다. 반대로 다 걷으면 + 헤드라인(흰색 74px)은 버텨도 리드 문단(17px)이 밝은 입자 위에서 읽히지 않는다. + 둘 다 만족하는 유일한 방법은 덮는 범위를 글자가 있는 자리로 좁히는 것이다. + 가장자리는 영상이 그대로 보이고 가운데만 어두워진다. */} +
{/* 아래 라이트 섹션과의 경계를 부드럽게 */} diff --git a/landing/public/gifs/hero_loop.jpg b/landing/public/gifs/hero_loop.jpg index ce21934..03be56c 100644 Binary files a/landing/public/gifs/hero_loop.jpg and b/landing/public/gifs/hero_loop.jpg differ diff --git a/landing/public/gifs/hero_loop.mp4 b/landing/public/gifs/hero_loop.mp4 index 9e063c5..0478640 100644 Binary files a/landing/public/gifs/hero_loop.mp4 and b/landing/public/gifs/hero_loop.mp4 differ