Vercel풍 완전 모노크롬 재테마#202
Merged
Merged
Conversation
PR #200의 디자인 토큰 구조(:root 변수 → .skt-* 컴포넌트)를 재활용해 값과 컴포넌트 스타일만 Vercel.com 스타일로 교체. Docsy 모듈 무수정, 자동 업그레이드 유지. - 색상: SK Blue/그라데이션 → near-black/white/Vercel gray 완전 모노크롬 (변수명 유지, 값만 교체. 그라데이션은 무채색화) - 폰트: 라틴 Geist(self-host, OFL) + 한글 Pretendard 폴백 - 깊이: 그림자 → 1px 헤어라인 보더, 카드 hover는 lift 대신 보더 강조 - 다크모드 시그니처화: 순검정(#000) 배경 + 흰색 강조 + 흰 버튼 반전 + 히어로 상단 글로우 - 히어로: 그라데이션 → 단색 + 미세 그리드(radial mask) 배경 - 반경 축소(6px), 타이트한 자간, 빠른 트랜지션(.15s) - 버튼/링크/배지/feature 모노크롬, 포커스 링 무채색 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Vercel풍 모노크롬 위에 안쪽 콘텐츠 페이지와 디테일을 정돈. 본문(.td-content): - 수직 리듬(헤딩 상단 여백/문단·리스트 간격), .lead 톤 - 코드/pre/blockquote/표/링크/hr/이미지 무채색 디테일 - 다크모드 본문 가독성(코드·표 보더/배경 대비) - 측정폭은 Docsy 컬럼에 위임(과도 제한 시 우측 공백 → 제거) 디테일 마감: - alert/callout 전역 무채색(노랑·초록 의미색 제거 → 전체 톤 일관) - 좌측 사이드바 링크/액티브, 우측 TOC 액티브 모노크롬 - footer·페이지네이션·폼 컨트롤 모노크롬 - 커스텀 목록(프로젝트/컴플라이언스) 상단 navbar 가림 수정(.skt-section-page 오프셋) - .skt-* 컴포넌트 8pt 그리드 정렬 기타: - og:image / twitter:card 메타 추가(SNS 공유 미리보기) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- footer: 텍스트/링크를 muted→진한 텍스트 + 밑줄로 (글씨 흐림 해결) - 블로그 목록 정렬 깨짐 수정: 우리 blog 카드 partial이 Docsy 블로그 목록(partials/blog/card.html)을 의도치 않게 오버라이드해 최신 연도 글이 누락됨 → home/blog-card.html 로 분리하여 Docsy 기본 목록(최신순+페이지네이션) 복원 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
.td-footer p>a / span>a 구체성에 맞춰 진한 텍스트색으로 덮어, 밝은 배경에서 CC BY 4.0·개인정보 보호 정책 링크가 또렷하게 보이도록 수정. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
개요
PR #200의 디자인 토큰 구조(
:rootCSS변수 →.skt-*컴포넌트)를 재활용해 값과 컴포넌트 스타일만 Vercel.com 스타일의 완전 모노크롬으로 교체합니다. Docsy 모듈은 손대지 않아 Hugo/Docsy 자동 업그레이드가 유지됩니다.변경
검증
npx hugo --minify무에러, dev 서버 전 페이지(/ /en/ /project/ /compliance/ + Geist 폰트) 200🤖 Generated with Claude Code