2026 포스코그룹 WX해커톤 본선 · 이벤트홀 메인 화면 · 1920 × 1080
페이지별 글자 배치 구성안
디자인 전 단계입니다. 배치 규칙은 팀밋업 사이트 두 곳(hackathon.wx.ai.kr · hackathon2.wx.ai.kr)의 공통 구조를 그대로 가져왔습니다 — 상단 로고 바, 제목(한 낱말만 강조) → 본문의 고정 위치(제목 위에는 로고만), 같은 맥락은 좌우로 · 맥락이 바뀌면 위아래로 움직이는 전환, 제목은 자리를 지키고 본문만 갈아끼우는 방식. 글꼴은 저장소의 Paperlogy(제목 · 숫자)와 NanumSquare(본문)이며 이 파일 안에 들어 있어 어디서 열어도 같습니다.
한 페이지 = 한 주제. 내용이 많으면 다음 장으로 끊지 않고 같은 페이지 안에서 "단계"로 좌우 이동합니다(제목 고정). 줄바꿈은 원칙적으로 없습니다. 낱말 중간에서는 절대 끊기지 않고(keep-all), 한 줄에 못 들어가는 문장은 자동으로 잡아 아래 검토 목록에 올립니다. 제가 넣은 줄바꿈도 "지정"으로 따로 표시했으니 확인해 주세요. 손글씨 자리는 노란 점선으로 표시했고 나중에 SVG 레터링으로 바꿉니다.
배치 규격
캔버스 · 고정 자리 (px, 1920×1080)
| 자리 | 좌표 · 크기 |
|---|---|
| 바깥 여백 | 좌우 64 · 상단 로고 바 104 · 하단 64 |
| 로고 바 왼쪽 | (64, 29) 포스코홀딩스 CI h46 · ✕ · 포스코인재창조원 CI h46 |
| 로고 바 오른쪽 | '2026' · ∞마크(h38) · '해커톤' 사이 12px (챌린저 팀밋업 기준) · 대회 표지 4장에서만 숨김 |
| 제목 | (64, 119) 86px Paperlogy Black · 행간 1.14 · 최소 높이 138 · 한 낱말만 강조 · 제목 위에는 로고 바뿐 |
| 부제 | (64, 273) 39px Bold |
| 본문 영역 | (64, 273) 1792×743 · 제목 2줄이면 y331 · 부제 있으면 y348 |
| 오른쪽 이미지 자리(필요할 때만) | (1280, 273) 576×743 · 본문 폭 1120 |
| 카운트다운 · 타이머 | 제목 가운데 정렬 · 24시간 넘으면 "N일 HH:MM:SS" |
| 각주 · 진행 점 · 힌트 | 각주 (64, 976) 21px · 진행 점 가운데 y1034 · 힌트 오른쪽 아래 18px |
| 표지 슬로건 | 한 줄로 나란히 · 'End to End:' 34px ExtraBold + 'Idea to Impact' SVG h96(폭 349) · 세로 가운데 맞춤 · 같은 색 · 크기 비율은 첨부 원본(고딕 대문자 높이 ≈ 필기체 높이의 0.3) · 블록은 가운데, 바닥 y~1016 |
글자 크기 (사이트의 step 스케일을 1920으로 환산)
| 단계 | px | 쓰는 곳 |
|---|---|---|
| step-00 | 21 | 각주 · 표 머리 · 칩 |
| step-0 | 24 | 소제목 · 칸 본문 · 라벨 |
| step-1 | 32 | 본문 (행간 1.7) |
| step-2 | 39 | 부제 · 칸 제목 · 상태 줄 |
| step-3 | 56 | 칸 번호 · 표지 락업 · 발표 팀명 |
| step-4 | 86 | 제목 (전 페이지 동일) |
| step-5 | 144 | 표지 큰 글씨 · 숫자 3개 |
| 특수 | 112 / 176 / 320 / 340 | 팀명 카드 / 시상 팀명 / 부 번호 / 카운트다운 |
사이트에서 가져온 채우기 규칙
- 로고 바 → 제목 → 본문. 제목 위에는 어떤 글자도 두지 않는다(사이트의 소제목은 쓰지 않음). 제목은 문장 하나에 강조 낱말 하나, 본문은 짧은 줄 몇 개.
- 사람 · 특강은 표지 스타일. 개회사(김기수) · 전문가 특강 · 사례 발표 · 네트워킹 파티는 가운데 정렬 표지로, 이름이나 제목을 손글씨로 강렬하게.
- 제목은 붙박이. 넘길 때 제목과 소제목은 움직이지 않고 본문만 16px 떠오르며 나타난다(사이트는 제목 타이핑 뒤 820ms).
- 같은 맥락은 좌우, 맥락이 바뀌면 상하. 여기서는 페이지 안의 단계 = 좌우, 페이지 이동 = 상하.
- 숫자는 숫자 단위로. 큰 수 + 단위 + 라벨(예: 54명 참가 크루). 문장 속에 숫자를 묻지 않는다.
- 셋은 세 칸. 번호(보라) · 칸 제목 · 칸 본문, 왼쪽 세로선. 넷이면 네 칸.
- 사람은 카드. 이름 크게, 소속은 칩, 역할은 왼쪽 띠. 사진은 없어도 된다.
- 손글씨는 레터링(SVG)으로. 사이트는 트랙 이름을 손글씨 그림으로, 큰 명사는 Paperlogy Black으로 썼다. 여기서도 같은 분업.
줄바꿈 · 손글씨 검토
측정 중…