KLPGA (한국여자프로골프협회)

파란 투어 메뉴와 형광 초록 18홀 선택 아래, 가로로 긴 골프 홀 그림·샷 점·촘촘한 기록 표

한국스포츠미디어차가운modern-minimal고딕compactsharpflat라이트한글 지원출시 2023개정 2023

Brand DNA

브랜드 DNA

브랜드명: KLPGA(한국여자프로골프협회)
한 줄 정체성: 여자 프로골프의 대회·선수·샷 기록을 한 자리에서 읽는 투어 서비스.
공식 디자인 철학: 엠블럼 가이드는 빨강을 열정, 파랑을 스포츠맨십, 노랑을 세계로 나아가는 비전과 연결한다. 2023년 웹 개편 발표는 팬이 현재 대회의 기록부터 만나는 흐름과 울트라 마린 테마색을 설명한다. 협회의 CI 의미와 서비스의 정보 설계를 구분한다.
시그니처 요소 1개: 파란 투어 메뉴와 형광 초록 18홀 선택 아래, 옆으로 긴 골프 홀 그림에 샷 점을 흩뿌리고 평균 스코어·홀별 기록을 붙이는 코스 분석 화면.

문서 범위: 2026-11-06 공식 투어 웹의 재구성이다. 엠블럼은 공식 가이드, 웹 색·서체·모양은 공식 CSS와 화면으로 확인했다. 공개된 UI 디자인 규칙 문서가 없어 공식 디자인 시스템으로 분류하지 않았으며, 공식 엠블럼 가이드와 제품 화면 관찰을 함께 참고했다.

연도: 첫 공개 연도로 적은 2023년은 2023-05-11에 발표한 투어 웹 개편을 기준으로 한다. 공개 디자인 시스템의 출시일은 아니다. 이후 큰 시각 개편일은 확인하지 못해 마지막 주요 개편 연도도 2023년으로 적되 추정임을 표시한다. 2024년 샷 트래커 기능 추가는 시각 개편과 구분한다.

장면: 카드는 코스 기록, ⑫는 코스 분석→홀별 기록→리더보드→일정→상금표다. 공식 1번 홀의 물길·티·그린을 SVG로 그렸다. 대회·선수·일정·순위·상금은 가상이며 분석 수치는 관찰 당시 표시 예다. 버튼은 정적 예시다.

Tone & Mood

톤 & 무드

핵심 키워드 3개: 명료함 · 역동성 · 정밀함
무드 설명: 흰 바탕과 얇은 표 선이 많은 수치를 받아낸다. 파랑은 메뉴와 기록의 뼈대를 만들고, 형광 초록은 현재 보고 있는 홀과 탭에 집중한다. 코스 지형의 자연색과 버디·보기의 색 점이 데이터의 차이를 보여준다.
비주얼 스타일: 모던 미니멀(modern-minimal). 장식보다 메뉴·도표·기록의 정렬이 앞선다.
밀도(Density): Compact. 18홀 선택, 필터 5개, SG 3개와 거리 지표가 같은 분석 판 안에 있다.
모서리 성향: Sharp(0~2px). 주요 분석 면과 표는 각지다. 선택 입력의 약 3.5px, 홀 번호·선수 사진의 원형은 역할별 예외다.
평면성: Flat. 선과 배경색으로 구획을 나누고, 메뉴 아래의 얕은 그림자만 보조로 쓴다.

이동: 파란 주 메뉴 → 초록 대회 탭 → 흰 코스 탭 — 메뉴 순서와 현재 항목을 먼저 읽히게 한다.
선택: 초록 면·파랑 글자·원형 홀 번호 — 초록을 모든 숫자에 반복하지 않는다.
공간: 코스 전체가 가로로 열린 큰 분석 면 — 물·러프·그린의 위치와 샷 점을 함께 보여준다.
비교: 오른쪽 정렬 숫자, 소수점 두 자리, 얇은 행 구분 — 단위는 숫자보다 작게, 순위와 타수는 다른 열에 둔다.

Color System

컬러 시스템 (CSS 변수)

CI와 웹의 색은 별도다. 공식 엠블럼의 기본색은 Pantone 179C·660C·7406C다. 가이드의 검정 및 금·은 보조색도 로고 운용 규정에 속한다. Pantone 코드를 임의 HEX로 환산하지 않았다. 아래 토큰은 투어 웹의 색이며 CI 인쇄색을 대체하지 않는다.

CI의 빨강·파랑·노랑: Pantone 179C / 660C / 7406C — 엠블럼 가이드.
메뉴·활성 글자·기록 강조의 파랑: #3251F5 — 공식 웹 CSS.
HOLE 전환·선택 번호·대회 탭의 초록: #03FFB6 — 공식 웹 CSS.
단색 웹 로고와 푸터의 코랄: #F65259 — 공식 SVG / CSS.
분석 수치의 짙은 파랑: #000086 — 공식 CSS.
버디 / 보기 / 더블보기 이상: #FC8740 / #15A8D2 / #3251F5 — 공식 CSS.
파 / 이글 이하: #F2F2F0 / #FF2424 — 공식 CSS.

Primary는 선택 동작의 초록, Secondary는 메뉴와 기록의 파랑이다. 이 토큰 이름은 재구성(추정)이다. 공식 발표의 웹 테마색 명칭은 울트라 마린이다.

Primary 500·Secondary 500·기록 색·중성색은 확인 값이다. 나머지 명도와 알림색 조합은 추정이다. 초록 위 글자는 짙은 파랑, 작은 보조 글자는 관찰값 #9A9A9A보다 진한 #666666을 쓴다(접근성 보정, 추정).

:root {
  /* 선택 초록: 500만 공식 CSS, 나머지 단계는 추정 */
  --color-primary-50: #E8FFF8;
  --color-primary-100: #C7FFEE;
  --color-primary-200: #99FFE2;
  --color-primary-300: #67FFD4;
  --color-primary-400: #35FFC5;
  --color-primary-500: #03FFB6;
  --color-primary-600: #00CD92;
  --color-primary-700: #009C70;
  --color-primary-800: #006F50;
  --color-primary-900: #004C37;
  --color-secondary-500: #3251F5; /* 활성 글자·선택 선 */
  --color-secondary-700: #254BB0; /* 주 메뉴, 화면 확인 */
  --color-secondary-900: #000086; /* 분석 수치 */
  --color-brand-coral: #F65259; /* 웹 SVG·푸터 */
  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #FAFAFA;
  --color-neutral-100: #F6F6F6;
  --color-neutral-200: #F2F4F8;
  --color-neutral-300: #DDDDDD;
  --color-neutral-400: #CCCCCC;
  --color-neutral-500: #9A9A9A;
  --color-neutral-700: #666666;
  --color-neutral-900: #333333;
  --color-neutral-1000: #000000;
  --score-eagle: #FF2424;
  --score-birdie: #FC8740;
  --score-par: #F2F2F0;
  --score-bogey: #15A8D2;
  --score-double: #3251F5;
  /* 일반 알림 조합은 추정. 타수의 의미색과 분리 */
  --color-success-bg: #E8FFF8;
  --color-success-fg: #006F50;
  --color-warning-bg: #FFF3E9;
  --color-warning-fg: #884516;
  --color-error-bg: #FFF0F1;
  --color-error-fg: #B22935;
  --color-info-bg: #EEF1FF;
  --color-info-fg: #254BB0;
  --bg-base: #FFFFFF;
  --bg-subtle: #F2F4F8;
  --bg-elevated: #FFFFFF;
  --bg-overlay: #FFFFFF;
  --bg-course: #E1EEF2; /* 코스 배경 이미지의 대표색, 추정 */
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-tertiary: #9A9A9A;
  --text-on-primary: #000086;
  --text-disabled: #9A9A9A;
  --border-default: #DDDDDD;
  --border-subtle: #F2F4F8;
  --border-strong: #CCCCCC;
  --border-focus: #3251F5;
  --font-ui: SDGothic, 'Apple SD Gothic Neo', 'Malgun Gothic', -apple-system, sans-serif;
  --font-numeric: Roboto, Arial, sans-serif;
}

라이트 화면만 관찰했다. 파란 대회 면, 검정 바탕용 엠블럼 또는 짙은 메뉴는 다크 테마의 근거로 삼지 않는다. 공식 테마 전환 기능과 다크 모드 규격을 확인하지 못해 라이트 모드만 다룬다.

Typography

타이포그래피

CI 지정 서체와 투어 UI 서체를 따로 기록한다. 엠블럼 가이드의 한글 본문용은 윤고딕 110·130, 제목용은 윤고딕 230·250이다. 영문 본문 이미지에는 Helvetica_Light, 제목 이미지에는 Helvetica_75Bold가 적혀 있다. 이 이름들은 CI 문서의 지정값이며, 웹 본문에 그대로 적용된다고 볼 수 없다.

투어 웹의 공식 style.css는 SDGothic에 AppleSDGothicNeoM.ttf, SDGothicL/SB/B에 해당 굵기 파일을 연결한다. 영문·수치에 쓰인 .font-sfpro 클래스의 실제 서체는 Roboto다. 클래스 이름만 보고 SF Pro라고 적지 않는다. 예시는 외부 폰트를 불러오지 않고 로컬 서체와 시스템 대체 서체로 렌더한다.

위계 (크기 / 굵기 / 행간 / 자간):
- Display: 36px / 500 / 44px / -0.5px (추정) — 넓은 기록 요약, 상시 본문에는 쓰지 않음.
- H1: 24px / 700 / 32px / -0.5px (관찰) — 대회명.
- H2: 21px / 700 / 28px / -0.5px (추정) — 홀별 기록·리더보드 구획.
- H3: 17.5px / 700 / 26px / -0.5px (관찰·행간 추정) — 코스 하위 탭.
- Body Large: 16px / 500 / 24px / -0.5px (추정) — 메뉴·주요 항목.
- Body: 14px / 300 / 21px / -0.5px (계산 스타일 확인) — 라벨·필터·표.
- Body Small: 12px / 400 / 18px / -0.2px (추정) — 날짜·보조 지표.
- Caption: 10px / 400 / 14px / 0 (추정) — PAR·YARDS·축 이름.
- 평균 스코어: 28px / 500 / 34px / 0 (크기·굵기 확인) — Roboto 숫자.

숫자는 font-variant-numeric: tabular-nums로 자리 폭을 맞춘다(재구성). 평균 4.95, 거리 277.36 YARDS, 금액 1,200,000,000원, 공동 순위 T2, 이븐파 E, 종료 홀 F를 각각 구분한다. 음수 부호·소수점·단위를 빼서 같은 값처럼 보이게 만들지 않는다. 카드의 7~10px와 ⑫의 10~20px는 한 화면의 구조를 보여주기 위한 압축 크기(추정)다.

Spacing

스페이싱

실제 웹은 14px 기준 rem 값이 섞인다. 코스 패널의 2rem은 28px, 폼의 작은 라운드는 0.25rem으로 약 3.5px다. 모든 간격이 8px 배수라고 단정하지 않는다. 아래는 화면 재구성에 쓰는 4px 기본 단위(추정)이며 공식 토큰 이름이 아니다.

:root {
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-course: 28px; /* 실제 코스 패널 2rem */
  --container-max: 1120px; /* 1280px 참고 화면에서 확인 */
}

Container: 1280px 참고 화면의 주요 코스 영역은 약 1120px, 좌우 약 80px다. ⑫는 900px 창에 맞춰 좌우 24px, 모바일 12px로 재구성한다.
목록: 행의 왼쪽은 순위·선수, 오른쪽은 합계와 라운드 기록을 맞춘다. 칸 간격보다 열 정렬을 우선한다.
홀 선택: 데스크톱은 18개 한 줄, 375px에서는 9개씩 두 줄로 전환한다(추정). 실제 모바일의 빽빽한 선택 띠를 그대로 넘치게 만들지 않는다.
표: 모바일 홀별 기록은 OUT·IN을 각각 9홀 표로 나눈다. 리더보드의 보조 열은 줄이되 순위·선수명·합계·오늘·진행 상태는 유지한다(추정).

Border Radius

각진 큰 면과 둥근 선택 번호가 함께 있다. 코스 바탕·HOLE/GREEN 전환·표를 둥근 카드로 바꾸면 실제 화면의 수평 리듬이 흐려진다.

:root {
  --radius-none: 0; /* 코스 면·표·전환 버튼, 확인 */
  --radius-sm: 3.5px; /* 선택 입력, 공식 0.25rem */
  --radius-md: 7px; /* 작은 보조 패널용, 추정 */
  --radius-lg: 14px; /* 대회 소개의 로고 받침 관찰 */
  --radius-xl: 21px; /* 공식 rounded-15 계열 1.5rem */
  --radius-full: 9999px; /* 홀 번호·원형 선수 사진 */
}

⑫에서는 넓은 코스 분석과 기록 표에 --radius-none, 라운드 선택에 --radius-sm, 홀 버튼에 --radius-full을 실제로 적용한다.

Shadow / Elevation

코스·기록 표는 떠 있는 카드보다 바탕 면과 테두리로 구분한다. 하위 탭 아래에 얕은 그림자가 보이나, 공개된 그림자 단계 문서는 없다. 아래 수치는 모두 재구성(추정)이며 기본값은 그림자 없음이다.

:root {
  --shadow-none: none; /* 코스·기록 표·기본 카드 */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, .12); /* 하위 탭 아래 */
  --shadow-md: 0 4px 12px rgba(0, 29, 108, .12); /* 열린 선택 목록 */
  --shadow-lg: 0 8px 24px rgba(0, 29, 108, .16); /* 상세 팝업 */
  --shadow-xl: 0 16px 40px rgba(0, 29, 108, .18); /* 전체 기록 대화상자 */
}

배경의 그라디언트는 공식 웹에 실제로 있는 요소다. 대회 파랑과 홀 선택의 초록→푸른색 흐름에 한정한다. 기록 행마다 그림자를 추가하지 않는다. ⑫의 코스 그림은 지도 표현을 위한 자연색 명암이며 UI의 그림자 단계와 다르다.

Iconography

스타일: Outline 중심. 달력·위치·깃발·검색·즐겨찾기는 가는 외곽선, 점수는 작은 채운 원이다.
Stroke 굵기: 24px 기준 약 1~1.5px(관찰 추정). ⑫의 재구성 아이콘은 1.5px다.
모서리 처리: 아이콘 선은 Round, 메뉴·표의 면은 Square. 서로의 역할을 바꾸지 않는다.
라이브러리: 공식 공용 아이콘 라이브러리는 확인하지 못했다. 특정 외부 세트의 도입을 이 문서의 브랜드 기준으로 삼지 않고 관찰한 달력·위치·깃발 형태를 인라인 SVG로 재구성한다.
로고: 공식 웹의 KLPGA-lg.svg 원본 경로를 사용한다. 상세 푸터는 같은 경로를 재사용하고 공식 footer-logo.svg에서 확인한 흰색으로 표시한다. CI 엠블럼 전체와 단색 웹 워드마크는 다른 자산이다. 글자 형태를 일반 이탤릭 글꼴로 대신하지 않는다.

장면의 작은 그림은 기능을 설명한다. 달력은 기간, 위치 핀은 코스, 깃발은 홀, 해는 날씨, 트로피는 상금을 가리킨다. 선수 사진 대신 들어간 작은 인물 SVG는 가상 선수의 예시이며 모자·옷·머리 모양을 달리한다.

Component Guide

컴포넌트 가이드 (상태별 CSS)

관찰한 것: 초록 선택 면과 파랑 글자, 사각 전환 버튼, 원형 홀 번호, 흰 선택 입력과 회색 선, 파란 표 머리, 얇은 행 구분. 확인한 상태: 공식 CSS의 주요 메뉴 hover·펼침 상태는 글자색 #03FFB6다. 선택 입력 모서리는 .25rem이다. 추정한 것: 아래 클래스명, 버튼의 hover·active·disabled·loading·error 규칙과 접근성 보강. 공식 컴포넌트 API가 공개된 것으로 표기하지 않는다.

Button은 Primary·Secondary·Ghost·Danger의 기본/hover/active 색을 변수로 분리한다. Disabled·Loading은 공통으로 덮어써 네 종류 모두에 적용한다. 에러는 빨간 테두리만 두지 않고 짧은 오류 설명을 같이 둔다. 카드 강조형은 순위 강조에 한정하며 모든 자료를 카드 안에 넣지 않는다.

.klpga-ui { font-family: var(--font-ui); color: var(--text-primary); font-size: 14px; line-height: 1.5; letter-spacing: -.3px; }
.klpga-ui *, .klpga-ui *::before, .klpga-ui *::after { box-sizing: border-box; }
.klpga-ui button, .klpga-ui select, .klpga-ui input { font: inherit; }
.klpga-ui button { cursor: pointer; }
.klpga-number { font-family: var(--font-numeric); font-variant-numeric: tabular-nums; }
.klpga-btn { --btn-bg: var(--bg-elevated); --btn-fg: var(--text-primary); --btn-line: var(--border-strong); padding: 7px 14px; border: 1px solid var(--btn-line); border-radius: var(--radius-none); background: var(--btn-bg); color: var(--btn-fg); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); line-height: 1.3; transition: background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out); }
.klpga-btn--primary { --btn-bg: var(--color-primary-500); --btn-fg: var(--text-on-primary); --btn-line: var(--color-primary-500); --btn-hover: var(--color-primary-300); --btn-active: var(--color-primary-600); }
.klpga-btn--secondary { --btn-bg: var(--color-secondary-500); --btn-fg: var(--color-neutral-0); --btn-line: var(--color-secondary-500); --btn-hover: var(--color-secondary-700); --btn-active: var(--color-secondary-900); }
.klpga-btn--ghost { --btn-bg: transparent; --btn-fg: var(--color-secondary-900); --btn-line: var(--border-strong); --btn-hover: var(--color-info-bg); --btn-active: var(--color-neutral-200); }
.klpga-btn--danger { --btn-bg: var(--color-error-bg); --btn-fg: var(--color-error-fg); --btn-line: var(--color-error-fg); --btn-hover: #FFE0E3; --btn-active: #FFC9CF; }
.klpga-btn:hover:not(:disabled):not([aria-busy="true"]) { background: var(--btn-hover, var(--bg-subtle)); }
.klpga-btn:active:not(:disabled):not([aria-busy="true"]) { background: var(--btn-active, var(--bg-subtle)); }
.klpga-btn:disabled { background: var(--color-neutral-100); border-color: var(--border-default); color: var(--text-disabled); cursor: not-allowed; }
.klpga-btn[aria-busy="true"] { opacity: .65; cursor: progress; }
.klpga-btn[aria-busy="true"]::after { content: ''; width: 12px; height: 12px; border: 1.5px solid currentColor; border-right-color: transparent; border-radius: var(--radius-full); animation: klpga-loading 900ms linear infinite; }
.klpga-ui button:focus-visible, .klpga-input:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 3px; }
.klpga-input { min-width: 0; padding: 6px 10px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); color: var(--text-primary); background: var(--bg-base); }
.klpga-input:focus { border-color: var(--border-focus); }
.klpga-input[aria-invalid="true"] { border-color: var(--color-error-fg); background: var(--color-error-bg); }
.klpga-input:disabled { background: var(--color-neutral-100); color: var(--text-disabled); }
.klpga-error { color: var(--color-error-fg); font-size: 12px; }
.klpga-card { background: var(--bg-elevated); border-radius: var(--radius-none); box-shadow: var(--shadow-none); padding: var(--space-md); }
.klpga-card--accent { border-top: 3px solid var(--color-primary-500); }
.klpga-card--outlined { border: 1px solid var(--border-default); }
.klpga-badge { display: inline-flex; padding: 2px 6px; font-size: 10px; line-height: 1.4; border: 1px solid transparent; border-radius: var(--radius-none); white-space: nowrap; }
.klpga-badge--solid { background: var(--color-primary-500); color: var(--text-on-primary); }
.klpga-badge--subtle { background: var(--color-info-bg); color: var(--color-info-fg); }
.klpga-badge--outline { border-color: var(--border-strong); color: var(--text-secondary); }
.klpga-nav { display: flex; align-items: stretch; justify-content: space-between; background: var(--color-primary-500); }
.klpga-nav button { flex: 1; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--text-on-primary); padding: 7px 3px; white-space: nowrap; }
.klpga-nav button[aria-current="page"] { color: var(--color-secondary-500); border-bottom-color: var(--color-secondary-500); font-weight: 700; }
.klpga-nav button:hover { background: rgba(255,255,255,.25); } /* 대회 탭 hover는 추정 */
.klpga-hole-button { display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.8); width: 27px; height: 27px; border-radius: var(--radius-full); background: transparent; color: var(--color-neutral-0); font-family: var(--font-numeric); font-size: 12px; }
.klpga-hole-button[aria-pressed="true"] { background: var(--color-primary-500); border-color: var(--color-primary-500); color: var(--color-secondary-500); }
.klpga-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
.klpga-table th { background: var(--color-secondary-500); color: var(--color-neutral-0); font-weight: 500; }
.klpga-table th, .klpga-table td { padding: 9px 6px; border-bottom: 1px solid var(--border-default); text-align: center; }
.klpga-table tbody tr:nth-child(even) { background: var(--color-neutral-50); }
.klpga-under { color: #B55A22; } /* 웹의 버디 주황을 작은 글자용으로 보정, 추정 */
.klpga-over { color: var(--color-secondary-500); }

상태 운용: 선택은 aria-current 또는 aria-pressed로 표시한다. 색 점에는 버디·보기 같은 텍스트를 함께 둔다. 실제 데이터가 없으면 —와 집계 전 설명을 쓰며 0점으로 바꾸지 않는다. 범례의 체크 UI와 선수 검색은 이 정적 예시에서는 모양만 보여준다.

Motion

경기 수치가 읽히는 동안 홀 지도를 계속 움직이지 않는다. 공식 동작 토큰은 확인되지 않았으므로 다음 시간·곡선은 모두 추정이다. 항목 선택과 폼 피드백에만 짧은 변화가 필요하다.

:root {
  --duration-fast: 120ms;
  --duration-base: 180ms;
  --duration-slow: 280ms;
  --ease-out: cubic-bezier(.2, .7, .3, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
}
@keyframes klpga-loading { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .klpga-ui *, .klpga-ui *::before, .klpga-ui *::after { animation: none; transition: none; scroll-behavior: auto; }
}

버튼 loading의 회전은 진행 상태를 나타내는 선택 동작이다. 지도·순위·상금에는 자동 움직임이나 주의를 빼앗는 점멸을 붙이지 않는다. 값 갱신을 구현한다면 포커스와 스크롤을 유지하고 변경 시점을 별도 텍스트로 알린다(추정).

Anti-patterns

공식 금지 목록을 옮긴 것이 아니라, 관찰한 서비스 문법을 유지하기 위한 재구성 기준이다.

1. CI의 빨강·파랑·노랑으로 선택 초록을 덮기: 엠블럼 규정과 투어 웹의 동작 색은 용도가 다르다. 세 Pantone 색을 UI 전역의 3색 견본처럼 나열하지 않는다. 2. 홀을 운동 경로나 중계 플레이어로 그리기: 1번 홀의 티·페어웨이·그린·물·벙커를 남기고 샷 점을 얹는다. 코스 위에 끊임없는 러닝 경로 선이나 큰 재생 버튼을 넣지 않는다. 3. 18홀을 한두 개 숫자 카드로 줄이기: 전체 홀의 순서를 보존한다. 모바일에서는 두 줄로 나누고 현재 홀의 초록 선택을 유지한다. 4. 모든 표를 큰 둥근 타일로 쪼개기: 순위·타수·라운드·상금은 행과 열의 정렬이 핵심이다. 큰 숫자 몇 개만 남겨 행의 비교를 없애지 않는다. 5. 기록 색을 일반 성공·실패 메시지로 읽히게 만들기: 파는 회색, 버디는 주황, 보기는 청록, 더블보기 이상은 파랑이다. 수치의 부호·색·항목명을 함께 보여주고 평균 스코어와 SG의 의미도 분리한다.

Sources

출처

KLPGA (한국여자프로골프협회) 이름과 로고는 각 권리자의 상표입니다.