chore(redesign): 재설계가 죽인 다크/스크롤큐 CSS 제거 + 연결선 gradient 제거

globals.css: --jsm-dark-* 토큰, --jsm-accent-bright, .jsm-dark-form,
.df-scroll-dot/@keyframes df-scroll-cue 제거 (전부 소비처 0).
홈 PROCESS 연결선 linear-gradient → solid 인셋 라인.

유지: --kx-*/.kx-*(/, packages·work·music 사용), .gradient-text(/portfolio/[token] 사용)
— 숨김·레거시 라우트라 이번 범위 밖.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01A2N6SziVSPfavx1j5rAs52
This commit is contained in:
2026-06-30 14:52:22 +09:00
parent 37465701af
commit f4fd0f60c9
2 changed files with 3 additions and 35 deletions

View File

@@ -49,15 +49,7 @@
--jsm-accent-hover: #1e40af; /* blue-800 */
--jsm-accent-soft: #dbeafe; /* blue-100 뱃지 배경 */
/* === Deep Field dark tokens (2026-06 랜딩 경험) — 라이트 토큰과 공존 === */
--jsm-dark-bg: #070d1a;
--jsm-dark-surface: rgba(255, 255, 255, 0.03);
--jsm-dark-line: rgba(148, 163, 184, 0.14);
--jsm-dark-ink: #f8fafc;
--jsm-dark-soft: #94a3b8;
--jsm-accent-bright: #60a5fa;
/* 기존 kx 변수 재매핑 (잔여 참조 호환용) */
/* 기존 kx 변수 재매핑 (레거시·숨김 라우트 /packages·/work·/music 호환용) */
--kx-surface: var(--jsm-bg);
--kx-surface-low: var(--jsm-surface-alt);
--kx-surface-mid: var(--jsm-surface);
@@ -198,13 +190,6 @@ body {
pointer-events: none;
}
/* 외주 의뢰 폼 — 다크 스킨 placeholder (Deep Field 재스킨) */
.jsm-dark-form input::placeholder,
.jsm-dark-form textarea::placeholder {
color: var(--jsm-dark-soft);
opacity: 1;
}
/* Service card hover */
.service-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
@@ -260,20 +245,6 @@ body {
mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}
/* ─── Deep Field 히어로 스크롤 큐 (가는 세로선 안의 점 미세 바운스) ─── */
@keyframes df-scroll-cue {
0%, 100% { transform: translateY(0); opacity: 0.35; }
50% { transform: translateY(8px); opacity: 1; }
}
.df-scroll-dot {
animation: none;
}
@media (prefers-reduced-motion: no-preference) {
.df-scroll-dot {
animation: df-scroll-cue 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
}
/* Scrollbar styling */
::-webkit-scrollbar {
width: 6px;

View File

@@ -402,11 +402,8 @@ export default async function Home() {
{/* 단계 연결선 (데스크톱) */}
<span
aria-hidden
className="absolute left-0 right-0 top-7 hidden h-px lg:block"
style={{
background:
'linear-gradient(to right, transparent, var(--jsm-line) 12%, var(--jsm-line) 88%, transparent)',
}}
className="absolute left-[12%] right-[12%] top-7 hidden h-px lg:block"
style={{ background: 'var(--jsm-line)' }}
/>
<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
{PROCESS.map((s, i) => (