Skip to content

디자인 고도화: 비주얼·모션, 접근성·SEO, 성능, UI 정비#206

Merged
haksungjang merged 6 commits into
masterfrom
design/phase1-visual-motion
Jun 2, 2026
Merged

디자인 고도화: 비주얼·모션, 접근성·SEO, 성능, UI 정비#206
haksungjang merged 6 commits into
masterfrom
design/phase1-visual-motion

Conversation

@haksungjang
Copy link
Copy Markdown
Member

글로벌 SaaS 수준을 목표로 디자인 완성도를 높이는 작업입니다. Docsy/Hugo 자동 업그레이드와 충돌하지 않도록 오버라이드 계층(layouts·assets·static)에서만 수정했습니다.

주요 변경

  • 비주얼·모션: 스크롤 리빌, 히어로 진입 애니메이션, 카드 호버, --skt-accent 토큰, 히어로 글로우 (모두 동작 줄이기 존중)
  • 버그 수정: $primary 오버라이드가 !default로 적용되지 않아 버튼·활성 상태가 파란색이던 문제 수정 (모노크롬 near-black 복원)
  • 개발자 포털: 스크롤 진행 바, 맨 위로 버튼, 코드 복사 버튼 톤 정비, JS 번들링
  • 접근성·SEO: JSON-LD(Organization·BlogPosting·BreadcrumbList), 스킵 링크, 색대비 AA 확인
  • 성능: 본문 이미지 렌더 훅(CLS 치수, 첫 이미지 LCP eager, 나머지 lazy)
  • UI 정비: alert callout 아이콘화, 표 카드형 컨테이너, 블로그 목록 카드 그리드 통일, 우측 사이드바 폰트 절제, favicon 투명 처리, 브랜드 404 페이지

검증

  • 라이트/다크 모드, 모바일(390px) 헤드리스 캡처로 점검
  • hugo --minify 빌드 무에러

- 스크롤 리빌, 히어로 진입 애니메이션, 카드 호버 등 모션 추가(동작 줄이기 존중)
- 액센트 토큰(--skt-accent) 신설 및 히어로 글로우 적용
- Primary 색상 오버라이드가 실제 적용되도록 !default 제거(파란 버튼 → 모노크롬)
- alert/callout을 좌측 아이콘 callout으로 재디자인
- 마크다운 표를 카드형 컨테이너로 정비(render-table 훅, 모바일 가로 스크롤)
- 블로그 목록을 카드 그리드로 통일
- favicon/PNG/ICO 투명 배경 처리
- 스크롤 진행 바(상단 고정, 절제된 액센트색) 추가
- 맨 위로 버튼(무채색 원형, 스크롤 시 노출) 추가 — 동작 줄이기 존중
- 전역 스크립트를 단일 번들(skt-bundle.js)로 합쳐 요청 수 절감
- Docsy 코드 복사 버튼을 무채색 톤으로 정비
- 페이지 메타 링크, On this page/Tag Cloud/Categories 헤더, 택소노미 배지가
  과하게 굵고 커서 크기·굵기를 낮춰 본문·좌측 사이드바와 균형을 맞춤
- Organization(전역), BlogPosting(블로그 글), BreadcrumbList(하위 페이지/섹션) JSON-LD 출력
- 키보드 접근성용 스킵 링크(본문 바로가기) — 포커스 시 좌상단 노출, main에 id 자동 부여
- 마크다운 이미지에 내부 번들 기준 width/height 부여(CLS 방지)
- 첫 이미지(LCP 후보)는 eager+fetchpriority=high, 나머지는 lazy
- decoding=async 일괄 적용
- Docsy 기본 404(단순 텍스트)를 모노크롬 톤 커스텀 404로 교체
- 큰 404 표시 + 안내 문구 + 홈·가이드 CTA, 한국어/영어 문구 분기
@haksungjang haksungjang merged commit d9fadff into master Jun 2, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant