Skip to content

[DESIGN] 공통 디자인 컨벤션 및 타이포그래피 기반 정립 #535

Closed

Description

@i-meant-to-be

✨ Description

현재 UI에서 반복되는 시각 기준과 일관되지 않은 표현을 조사한 결과를 바탕으로, 새 UI가 참고할 공통 디자인 컨벤션과 실제 사용 가능한 타이포그래피를 정립함.

작업 범위

  • docs/conventions/design.md에 시각 방향·색상·정보 위계·형태·공간 대응·움직임 기준을 정리하고 문서 지도와 React·UI 작성 지침에서 연결함.
  • Headline·Title·Body·Label·Caption 다섯 역할의 크기·굵기·행간을 src/index.css에 정의하고 text-ui-*로 사용하도록 함.
  • 타이포그래피 사양과 CSS 소스를 같은 변경에서 갱신하도록 명시하고 디자인 샘플 Story를 갱신함.
  • 기존 글자 정의는 사용처 전환까지 유지하며 최신 타이포그래피로 교체 후 삭제 예정임을 주석으로 표시함.
  • 진영 색상·그림자와 연관 코드·테스트·문서의 camp-* 이름을 stance-*로 변경함.
  • Tailwind 기본 팔레트를 v3 값으로 덮어쓰던 23개 정의를 제거하고 Tailwind 4 기본값을 사용함. 브랜드·진영색 및 기존 사용자 정의 색상은 유지함.

완료 기준

  • 디자인 문서의 사양과 생성 CSS의 타이포그래피 다섯 역할이 일치함.
  • 기존 진영색 이름이 관련 소스·테스트·문서에 남지 않음.
  • 전체 테스트·lint·생산 빌드 결과와 미실행 시각 검증 범위를 PR에 기록함.
  • 기존 화면의 새 글자 역할 일괄 전환과 의존성 갱신은 포함하지 않음.

✨ Time (마감 기한)

미지정임.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    designUI 관련docs문서 관련 작업

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions