styles
← 갤러리

Navy IR Deck

딥 네이비 전면에 메탈릭 골드 0.5pt 헤어라인이 헤더·표·섹션을 가르고, 트랜지셔널 세리프 헤딩 + 등폭 재무 표가 권위를 만드는 IR 덱 스타일.

luxury-editorial ir-deckdeep-navygold-hairlinetransitional-seriffinancial-tablesinvestment-banking
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

투자은행 IR·earnings 덱의 관습을 일반화한 프레젠테이션 스타일. 슬라이드 전면을 딥 네이비가 채우고 텍스트는 오프화이트, 메탈릭 골드는 오직 0.5pt 헤어라인·섹션 라벨·차트 핵심 계열로만 가늘게 흐른다(면·버튼 채움 금지). 헤딩은 보수적인 트랜지셔널 세리프, 재무 표는 등폭(tabular) 숫자 우정렬이며, 우하단 디스클레이머 + 페이지네이션 풋라인이 모든 슬라이드에 의무다. 모서리 반경 0, 그림자·그라디언트·글로우 없음. 차트는 골드 1계열 + 오프화이트 + 네이비 명도 단계만 쓰고 y축을 자르지 않는다.

타입 스케일

heading Ag 스타일 견본 Style Specimen
section-label Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
table-header Ag 스타일 견본 Style Specimen
table-number Ag 스타일 견본 Style Specimen
kpi Ag 스타일 견본 Style Specimen
disclaimer Ag 스타일 견본 Style Specimen

덱 전용 타입 스텝(pt 단위, 16:9 / 13.33×7.5in 캔버스 기준). 헤딩·KPI 대형 수치는 트랜지셔널 세리프 Source Serif 4 600(권위) — 헤딩에 산세리프 금지. 본문·섹션 라벨·재무 표는 Inter, 재무 표 숫자와 KPI는 tabular figures(font-variant-numeric: tabular-nums) 필수. 등폭 계열(TOC 번호·타임라인 날짜축·다이어그램 단계 번호)은 IBM Plex Mono. 한글 헤딩·본문은 Pretendard(웹폰트 대체 Noto Sans KR).

골든 예제 (exemplar)

Investor Relations · FY2025

Segment revenue by business line

Segment (KRW bn) Revenue YoY
Markets1,240+18%
Asset Mgmt862+7%
Banking514−3%
Total2,616+11%
5Y CAGR
14%
+2.1pp YoY
Forward-looking statements; unaudited. Source: company filings (KRW bn, as of FY2025 Q4). 05
03

Section 03 · Outlook

Guidance and forward view

Confidential — investor relations working draft 09

Do

  • 골드는 0.5pt 헤어라인·섹션 라벨·차트 핵심 계열로만 — 헤더 밑줄·표 룰·섹션 구획에 가늘게. 면·버튼 채움 금지(패널 채움은 네이비)
  • 헤딩·KPI 대형 수치는 트랜지셔널 세리프(Source Serif 4) — 권위. 헤딩에 산세리프 금지
  • 재무 표는 등폭(tabular) 숫자 우정렬, 헤더 행 하단 골드 룰 + 합계 행 위 골드 룰, 통화 단위 헤더 명기
  • 우하단 디스클레이머 + 페이지네이션 풋라인은 모든 슬라이드 의무, 데이터 슬라이드는 출처·통화·기준일 각주도 의무
  • 차트는 골드 1계열 + 오프화이트 + 네이비 명도 단계만, 베이스라인 항상 0(y축 자르기 금지), 값은 직접 라벨링

Don't

  • 골드를 큰 면·버튼 배경으로 쓰지 말 것 — 헤어라인·라벨·차트 계열에만
  • 헤딩에 산세리프 금지, 그라디언트·글로우·그림자·둥근 모서리·이모지 금지
  • 우하단 디스클레이머 풋라인 생략 금지 — IR 정체성
  • 차트 y축 자르기·3D·무지개색·격자선 과다·범례 박스·출처 누락 금지
  • 거대한 네이비 여백에 차트/표 하나만 띄우기 금지 — 모듈 3개 이상. 실존 금융사 실명·로고·실제 슬라이드 복제 금지(일반화된 스펙만)

컴포넌트 노트

header_band
11pt 대문자 골드 섹션 라벨(자간 +0.08em) 위, 26pt Source Serif 4 600 헤딩(baseline 덱 전체 동일 y 고정) 아래, 풀폭 0.5pt 골드 헤어라인. 전부 좌측 정렬, 강조는 골드 색으로(문장 중간 단어 비대 금지).
financial_table
등폭 숫자 우정렬(font-variant-numeric: tabular-nums). 헤더 행만 11pt 대문자 + 하단 0.5pt 골드 룰, 행 사이 1px 네이비 헤어라인, 합계 행 위 0.5pt 골드 룰 + 굵게. 강조 셀/행은 1개만 골드 텍스트. 통화 단위는 헤더에 명기.
chart
골드 #C8A24B(강조 1계열) + 오프화이트 + 네이비 명도 단계만. 다년 추이=1pt 폴리라인, 비교=세로 막대(폭:간격=3:2, 반경 0), 비중=100% 누적 또는 도넛 1개. 격자선 y 주요 2–3개 0.5pt 네이비만, 축선 0.75pt #3A5A85, 테두리 박스·범례 박스 제거. 값은 14pt tabular 직접 라벨. 베이스라인 항상 0(y축 자르기 금지). SVG 정밀 렌더.
kpi_card
네이비 패널 + 0.5pt 골드 헤어라인. 좌상단 11pt 대문자 라벨, 40pt Source Serif 4 600 오프화이트 수치, 그 아래 14pt 골드 YoY 델타. 카드 3–4개 가로 균등, 카드 사이 골드 헤어라인 구분.
diagram
각진(반경 0) 네이비 패널 #1F3A5F + 0.5pt 골드 헤어라인 노드 + 1pt 가는 셰브론 커넥터 + 등폭 골드 단계 번호라는 한 언어. 프로세스·타임라인·2×2 매트릭스·계층/퍼널 전부 여기서 파생. 강조는 골드 헤어라인 두께 1pt 또는 골드 텍스트.
footer
콘텐츠 폭 전체 0.5pt 골드 헤어라인 위, 좌하단 디스클레이머 8pt(보조 텍스트) + 우하단 페이지 번호 8pt. 모든 슬라이드 의무 — IR 정체성. 데이터 슬라이드는 하단 좌측 9pt 출처·통화·기준일 각주도 의무.
divider
네이비 전면 + 좌측 거대 90pt 세리프 골드 윤곽 섹션 번호 + 26pt 세리프 섹션명 + 0.5pt 골드 룰.