Skip to content

UI/UX 고도화 (Phase 1~5) + 홈 히어로 정비#292

Merged
haksungjang merged 3 commits into
masterfrom
design/ui-ux-phase1-5
Jun 7, 2026
Merged

UI/UX 고도화 (Phase 1~5) + 홈 히어로 정비#292
haksungjang merged 3 commits into
masterfrom
design/ui-ux-phase1-5

Conversation

@haksungjang
Copy link
Copy Markdown
Collaborator

글로벌 SaaS 수준 UI/UX 로드맵의 단독 가능 작업 일괄.

Phase 1~5

  • 모션: CSS animation-timeline 스크롤 등장(prefers-reduced-motion 가드)
  • 토큰: spacing/type scale 정의 + 미팅·홈 전면 적용(디스플레이 폰트·큰 여백은 예외)
  • 추상 비주얼: 홈 다크 배경 메시 그라데이션
  • 아이콘: 화살표 Font Awesome→인라인 SVG 통일
  • 다크 보정: 그림자 대신 면/테두리로 카드 구분
  • 404: 다국어·브랜드 빈상태, 발표자 사진 lazy-load

홈 히어로

  • 배지를 OpenChain 공식 사이트 링크로
  • 보조 CTA Discord→메일링리스트 가입

잔여(별도)

  • 회화 일러스트/3D PNG(AI 제작 협업), 색대비·스크린리더 정밀 audit(Lighthouse)

로드맵: docs/ui-ux-roadmap.md. hugo --minify 빌드 정상.

- Phase 1: CSS animation-timeline 스크롤 등장(홈·미팅, prefers-reduced-motion 가드)
- Phase 2: spacing/type 토큰(4·8pt, 12~40px) 정의 + 미팅·홈 전면 적용(디스플레이 폰트·큰 여백은 예외 보존)
- Phase 3: 홈 다크 배경 메시 그라데이션 + 화살표 아이콘 인라인 SVG(icon-arrow partial)
- Phase 4: 다크 모드 보정(그림자 대신 면/테두리로 카드 구분)
- Phase 5: 404 다국어·브랜드 빈상태, 발표자 사진 lazy-load
- 상단 배지 'Linux Foundation · OpenChain Project'를 openchainproject.org 링크로
- 보조 CTA를 Discord→메일링리스트 가입(about/subscribe)으로 교체
- 화살표 아이콘 9곳을 Font Awesome→인라인 SVG
@haksungjang haksungjang merged commit e5e59cf into master Jun 7, 2026
2 checks passed
@haksungjang haksungjang deleted the design/ui-ux-phase1-5 branch June 7, 2026 10:24
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