TeamWicked Design System / 관리·검증

차이·보완 목록

발견된 문서 충돌과 아직 조사하지 않은 영역을 구분합니다.

적용 범위: TeamWicked 자체 브랜드·웹사이트. 호스팅 제품의 외형은 포함하지 않습니다. 공통 동작 규칙을 재사용하며, 다른 체계의 사례는 비교 근거일 뿐 스타일 상속이 아닙니다.

확인한 차이

ID 종류 근거 이번 처리 후속 조건
GAP-01 Panel 문서/소스 충돌 ServerRow 60초·429 유지, ARCT 후반 30초·실패 초기화 이 문서에 현재 소스 기준 기록 담당자가 원문 통합 시 수정
GAP-02 Blesta 주석/토큰 충돌 오렌지 CTA 설명, 현재 라임 강조·중성 CTA 실제 선언과 레거시 상태색 구분 소비처 조사 후 주석 정리
GAP-03 이행 전 기하 차이 VPS/Panel 기본 4px, Blesta 8–10px 사용자 결정으로 Blesta까지 공통 4px 기준 확정·예제 반영 운영 Blesta 이행 별도
GAP-04 Panel 저장값 우선 기본값+Blueprint 설정 주입 ‘기본값’ 표기 운영 설정 read-only 검증
GAP-05 문서 스위치 실물 불일치 원형·채운 트랙 예제가 각진 Panel/vPanel CSS와 다름 Panel 기반 공통 스위치를 Blesta까지 통일, 6가지 상태·실패 복구 운영 Store 구현은 공통 기준으로 이행 필요
GAP-06 예제 범위 부족 기본 30개 요소만 존재 입력·상태 10종 + 호스팅 업무 10종 확장, 전체보기 검색 추가 새 예제는 운영 코드 전수 이식이 아님
GAP-07 상태색 대비·제품 간 불일치 vPanel·Pterodactyl 공통 danger #c94848/#e45a5a, warning #a87710/#e7b94a, info #526f91/#8ca8c8. Blesta는 #b73737/#f08080, #805200/#e5b04c, #285d91/#93b8ec 2026-09-30 사용자 결정으로 세 제품 모두 Blesta 값으로 통일. Pterodactyl 다크 danger-ink #11170a·라이트 warning-ink #ffffff, vPanel 다크 채움 danger 글자 검정 로그인 후 화면의 실물 대비 확인
GAP-08 다크 테두리 역할 공통 문서 다크 테두리 #3a3c39는 vPanel·Pterodactyl의 border-strong. 두 제품의 일반 border는 #2e2f2e, Blesta는 모든 테두리에 #3a3c39 기록 표에 border/border-strong을 나눠 적을지 결정
GAP-09 통합로그인 화면 소유 Store 로그인은 teamwicked.me/auth로 이동. WickedHost 색을 쓰지만 44px 컨트롤·로컬 Pretendard 기록 TeamWicked·WickedHost 중 시각 기준 담당 결정

GAP-07 결정 근거 대비 수치(글자색 대 배경, WCAG 2.x). 알림은 상태색 8% 틴트 배경 위에 같은 색 글자를 씁니다. "이전 공통값"은 2026-09-30 전 vPanel·Pterodactyl 값이고, "Blesta"가 현재 공통값입니다.

역할 이전 공통값 라이트: 흰 배경 / 8% 틴트 Blesta 라이트 이전 공통값 다크: #1f1f1f / 8% 틴트 Blesta 다크
danger 4.66 / 4.18 5.81 / 5.15 4.64 / 4.22 6.36 / 5.61
warning 3.95 / 3.60 6.72 / 5.97 8.98 / 7.68 8.36 / 7.14
info 5.20 / 4.67 6.85 / 6.09 6.71 / 5.86 8.09 / 6.98

이전 라이트 warning은 일반 글자 기준 4.5:1에 못 미쳤고, danger는 틴트 알림 안에서 4.5:1 아래로 내려갔습니다. Blesta 값은 이 사용처에서 모두 4.5:1 이상입니다. 채움 위 글자는 라이트 흰색(위험 5.81, 경고 6.72, 정보 6.85), 다크 #11170a(위험 7.04, 경고 9.25, 정보 8.96)입니다. 서버 상태 점 팔레트(Pterodactyl palette_status_*)는 글자가 아니고 3:1 이상이라 이번에 바꾸지 않았습니다.

GAP-01/02는 문서 불일치이지 현재 고객 기능 장애의 증거는 아닙니다. 기존 사용자 수정이 있는 원문 파일을 임의로 덮어쓰지 않았습니다.

조사·검증이 남은 영역

  • 세 운영 사이트 전체 화면/상태 인벤토리와 실제 디자인 컴포넌트 사용처.
  • 모든 토큰 소비처·cascade·사용되지 않는 별칭.
  • 전 화면 키보드·NVDA/VoiceOver·라이트/다크 대비.
  • 공개 페이지와 로그인 후 페이지의 차이, 좁은 화면·확대.
  • 실제 결제·서버 작업·티켓 저장의 업무 결과 증거.
  • 모든 아이콘·폰트·상업 테마 자산의 라이선스 목록.
  • 실제 제품의 커스텀 달력·차트·복합 메뉴의 전체 변형. 네이티브 날짜·슬라이더·20개 복합 예제는 추가했으나 제품 전체 화면의 구현 일치까지 검증한 것은 아닙니다.

우선순위 제안

먼저 가입/주문/결제·서버 삭제/재설치·티켓 오류처럼 비용·데이터·업무 완료에 영향이 큰 흐름을 검증합니다. 그 다음 공통 버튼·필드·모달·테이블을 조사하면 여러 화면을 효율적으로 점검할 수 있습니다. 이것은 작업 순서 제안이며 운영 변경 승인은 아닙니다.

출처와 적용 범위

원본 확인 범위와 운영 적용 여부를 구분합니다. 실행형 예제의 동작 확인은 모든 운영 화면의 접근성 검증을 의미하지 않습니다.

Markdown 원본 다운로드