[feat] 메인 웹 디자인 비교 및 Figma 확정안 구현

[DevDon-iOS]

요약

BenchMark 메인 웹을 기존 쉼, 펴 파일럿과 구분해 소개합니다. 세 가지 디자인 비교안을 거쳐 팀 디자이너가 확정한 Figma 428:738을 /benchmark에 구현했습니다. 공개 프리뷰의 첫 화면은 확정안으로 이동하며, 이전 세 초안 URL도 유지합니다.

변경 사항

• 올리브·크림 색상, 큰 BenchMark 타이포그래피, 원본 벤치 이미지와 파일럿 카드를 반영했습니다.
• Figma 원본 이미지·SVG와 Griun OMIRI, Hedvig Letters Serif, Pretendard 서체를 로컬에 포함했습니다.
• OUR BELIEF / OUR FIRST PILOT / OUR TOMORROW 목차, 쉼·펴 파일럿 연결, 키보드로 조작 가능한 FAQ를 구현했습니다.
• 데스크톱 기준 프레임은 1784×3985입니다. 모바일·태블릿에서는 콘텐츠를 재배치합니다.
• 기존 Mellon/첨부 이미지/DearTomorrow 참고 초안도 별도 경로에서 제공합니다.
• 미리보기는 기존 Railway design-preview/main-concepts에만 배포합니다. 운영 파일럿·DB를 변경하거나 develop/main에 병합하지 않습니다.

검증

• npm run lint: 통과
• npm run typecheck: 통과
• npm test: 9개 통과
• npm run build: 통과
• git diff origin/develop...HEAD --check: 통과
• TEST_BASE_URL=http://127.0.0.1:4328 npx --no-install playwright test tests/browser/brand-home.spec.ts tests/browser/concepts.spec.ts (apps/web): 20개 통과
• 확정안 320/390/768/1100/1440/1784/1920px 레이아웃·서체·이미지·목차·FAQ 검사, 기존 초안과 파일럿 셸 회귀 검사 완료
• 1784px 렌더의 섹션 시작 위치 0/954/1487/2166/3305px, 전체 높이 3985px 확인
• TEST_BASE_URL=https://main-concepts-design-preview.up.railway.app npx --no-install playwright test tests/browser/brand-home.spec.ts tests/browser/concepts.spec.ts: 공개 배포 20개 통과
• 공개 이미지·SVG·서체 17개의 SHA-256이 커밋 파일과 일치합니다.
• GitHub CI: https://github.com/DeveloperAcademy-POSTECH/2026-C6-A01-BenchMark/actions/runs/36303025296 성공 (API·DB·기존 브라우저 검사 포함)
• Railway 배포 4c508561-48a4-4bba-92c8-731d2475b5fd SUCCESS, 커밋 b0a9327bb883250351f57970d5abfe096431467e
• 익명 브라우저에서 / → /benchmark 전환 확인

화면

모바일 · 태블릿

공개 주소

• 확정안: https://main-concepts-design-preview.up.railway.app/benchmark
• 이전 1안: https://main-concepts-design-preview.up.railway.app/concepts/editorial
• 이전 2안: https://main-concepts-design-preview.up.railway.app/concepts/immersive
• 이전 3안: https://main-concepts-design-preview.up.railway.app/concepts/tomorrow

알려진 제한

• 모바일 Figma 프레임이 없어 데스크톱의 읽기 순서와 위계를 기준으로 반응형 구성을 적용했습니다.
• FAQ 세 번째 중복 질문을 답변에 맞춰 “다음 프로젝트는 무엇인가요?”로, “예정빈다”를 “예정입니다”로 교정했습니다.
• 공개 프리뷰에는 noindex/nofollow를 유지합니다. 운영 전환·새 결제 기능·확정 설치 일정은 이번 범위가 아닙니다.
• 배포는 작업 브랜치 커밋의 아카이브로 수행하며 GitHub 자동 배포 연결은 변경하지 않습니다.

관련 이슈

Closes #38
Refs #37