# DQ 프로필 이미지 평가 (v2)

**평가자**: Loki (보안팀/레드팀 팀장, Devil's Advocate)
**평가 대상**: Facebook 페이지 "전국보험설계사채용" 프로필 이미지 v2
**파일**: `recruit-profile-170x170.png` (170x170px)
**평가일**: 2026-04-06

---

## 총점: 82/100

---

## 항목별 점수

### 1. 색상 준수 (15점): 13/15

v1의 네이비/골드 색상이 완전히 제거되었다. 배경 #0A0A0F(거의 순수 블랙), 포인트 #4169E1(Royal Blue/인디블루 계열), 보조 #B0C4FF(라이트 인디블루)로 구성되어 지시사항을 충실히 이행했다. 글로우 효과도 모두 인디블루 계열(rgba(65,105,225), rgba(108,140,255))로 통일되어 있다.

**감점 사유 (-2)**: #4169E1은 Royal Blue로, 순수 Indigo Blue(#3F51B5)보다 밝고 파란 톤이다. "인디블루"라는 지시에 대해 약간의 색상 해석 차이가 존재한다. 치명적이지는 않으나 정확한 인디블루를 의도했다면 미세 조정이 필요할 수 있다.

### 2. 임팩트/시각 강도 (20점): 17/20

블랙 배경 위 52px 화이트 "보험"이 강렬한 시각적 앵커를 형성한다. 인디블루 글로우(text-shadow 20px/40px)가 중앙부에 집중되어 네온 사인 효과를 만들어낸다. 외곽 링이 원형 프레임을 강조하며, 전체적으로 "어둠 속에서 빛나는" 임팩트가 확실하다.

**감점 사유 (-3)**: 링의 opacity가 0.7이고 border가 3px로, 170px 사이즈에서는 충분하지만 피드에서 40-50px로 축소될 때 링이 거의 인식되지 않을 것이다. 또한 글로우 효과가 축소 시 뭉개져서 단순한 그라데이션 배경처럼 보일 수 있다. 임팩트가 풀사이즈에서는 강하지만 축소 시 감쇄된다.

### 3. 텍스트 가독성 (15점): 10/15

- "보험" (52px, White, Black Han Sans): 170px에서 탁월한 가독성. 40-50px 축소 시에도 2글자이므로 인식 가능.
- "전국" (20px, #B0C4FF, Pretendard Bold): 170px에서는 읽히나, 40-50px 축소 시(실효 ~5px) 거의 읽히지 않을 것이다.
- "채용" (36px, #4169E1, Black Han Sans): 170px에서 가독성 양호. 그러나 인디블루(#4169E1) on 블랙(#0A0A0F) 대비율 4.08:1로, WCAG AA 일반 텍스트 기준(4.5:1) 미달. 대형 텍스트 기준(3:1)은 통과.

**감점 사유 (-5)**: "전국"이 축소 시 사실상 읽히지 않는 점이 가장 큰 문제다. "채용"의 대비율이 AA 일반 기준 미달인 점도 감점 요인. 다만 36px은 대형 텍스트 범주이므로 AA Large는 통과한다.

### 4. 원형 크롭 대응 (10점): 9/10

수학적 시뮬레이션 결과:
- 텍스트 스택 총 높이 약 112px, 세로 중앙 정렬(상단 ~y29, 하단 ~y141)
- 해당 y좌표에서 원형 내 가용폭은 약 128px로, 모든 텍스트(최대 ~110px)가 안전 영역 내에 있다.
- 외곽 링(반지름 81px)은 크롭 원(반지름 85px) 내부에 완전히 포함된다.
- 글로우 효과도 중심부에 집중되어 크롭 영향 없다.

**감점 사유 (-1)**: 링과 크롭 원 사이 여유가 4px뿐이다. Facebook이 약간의 추가 크롭을 적용하거나 안티앨리어싱 처리할 경우, 링이 미세하게 잘릴 가능성이 있다. 안전 마진을 6-8px로 확대하면 더 안전하다.

### 5. 전문성/완성도 (15점): 12/15

- 폰트 선택 양호: Black Han Sans(헤드라인)와 Pretendard Bold(서브)의 조합은 한국어 프로필에 적합하다.
- 레이어 구조가 체계적: glow(2단계) + ring + text-stack으로 깔끔하게 분리되어 있다.
- 글로우의 2레이어 구성(glow + glow-inner)이 자연스러운 깊이감을 만든다.

**감점 사유 (-3)**: 텍스트 3줄의 시각적 위계(hierarchy)가 다소 불균형하다. "보험"이 52px로 압도적이고 "채용"이 36px인데, "전국보험설계사채용"이라는 전체 페이지명에서 "설계사"가 빠져 있다. 이는 디자인 결정이겠으나, 프로필만 보면 "전국 보험 채용"으로 읽혀서 "보험설계사 채용"이라는 핵심 메시지가 약간 흐려진다. 또한 gap: 0px에 margin-bottom/margin-top으로 미세 조정한 부분이 하드코딩 느낌을 준다.

### 6. 대비율/접근성 (10점): 7/10

WCAG 대비율 검증 결과:
| 요소 | 색상 | 배경 | 대비율 | AA (일반) | AA (대형) |
|------|------|------|--------|-----------|-----------|
| 보험 | #FFFFFF | #0A0A0F | 19.75:1 | PASS | PASS |
| 전국 | #B0C4FF | #0A0A0F | 11.46:1 | PASS | PASS |
| 채용 | #4169E1 | #0A0A0F | 4.08:1 | FAIL | PASS |

**감점 사유 (-3)**: "채용" 텍스트가 AA 일반 기준(4.5:1) 미달이다. 36px Bold이므로 대형 텍스트 기준(3:1)은 통과하지만, 접근성 완벽 준수를 위해서는 #4169E1을 약간 밝게 조정하여 4.5:1 이상을 확보하는 것이 바람직하다. 예: #4B7BF5 또는 #5A82E8 정도로 밝히면 해결 가능.

### 7. 브랜드 인지성 (15점): 14/15

"보험"이 가장 크게 표시되어 피드 스크롤 중에도 보험 관련 페이지임을 즉시 인식할 수 있다. "채용"이 두 번째로 크게 표시되어 채용 목적도 전달된다. 블랙+블루 컬러 스킴은 전문직/비즈니스 느낌을 효과적으로 전달한다.

**감점 사유 (-1)**: 40-50px 축소 시 "보험" 2글자만 겨우 인식되고 "채용"과 "전국"은 거의 보이지 않을 것이다. 축소 상태에서는 "보험이 뭔가 있는 페이지" 정도로만 인식될 수 있어, "채용"이라는 행동 유도 키워드의 전달력이 약화된다.

---

## 치명적 결함

**없음.** 기능적 결함이나 브랜드 손상을 야기하는 치명적 문제는 발견되지 않았다.

---

## 개선 권고

### 우선순위 높음 (P1)
1. **"채용" 텍스트 색상 밝기 조정**: #4169E1 -> #4F80E8 또는 #5A8AF0 정도로 밝혀 WCAG AA 일반 기준(4.5:1) 충족 권장. 현재 4.08:1로 근소하게 미달.
2. **"전국" 텍스트 크기 검토**: 20px는 축소 시 사실상 안 보인다. 페이지명의 필수 요소가 아니라면 제거를 고려하고, "보험"과 "채용"에 집중하는 2줄 구성도 검토할 것.

### 우선순위 중간 (P2)
3. **외곽 링 안전 마진 확대**: top/left를 4px -> 6~8px로, 링 크기를 줄여 Facebook 크롭 마진 확보.
4. **링 border 두께 조정**: 3px border + opacity 0.7은 축소 시 거의 안 보인다. 축소 대응을 위해 border 4px + opacity 0.85 정도로 강화 검토.

### 우선순위 낮음 (P3)
5. **"설계사" 키워드 부재**: "전국보험설계사채용"에서 "설계사"가 빠져 있다. 프로필 특성상 3글자 이상 넣기 어려우나, 인지 측면에서 대안적 레이아웃(예: "보험" + "FA채용") 검토 가능.

---

## 판정: PASS

총점 82/100, 치명적 결함 없음. PASS 기준(80점 이상 + 치명적 결함 없음) 충족.

v1(네이비-골드) 대비 블랙+인디블루 전환이 성공적으로 이루어졌으며, 임팩트와 전문성 모두 개선되었다. 다만 "채용" 텍스트의 WCAG AA 일반 기준 근소 미달(4.08:1 vs 4.5:1)은 접근성 감사에서 지적받을 수 있으므로 색상 밝기 미세 조정을 권고한다.

---

*평가 완료. -- Loki, Red Team Lead*