Files
sam-docs/rules/slides/billing-policy/slide-01.html
김보곤 02a892f8b8 docs: [과금정책] 3분할 문서 완성 및 브랜딩 정리
- billing-policy.md 3분할: customer-pricing.md, partner-commission.md, billing-policy.md
- 3개 프레젠테이션 HTML 슬라이드 및 PPTX 생성 (총 20장)
- customer-pricing: 고객용 요금 안내 (7장, 블루 테마)
- partner-commission: 영업파트너 수당 체계 (6장, 그린 테마)
- billing-policy: 내부 대외비 과금정책 (7장, 레드 테마)
- 전체 슬라이드 BI 로고 삽입 및 주일/경동 → (주)코드브릿지엑스 전환
- esign-storyboard.pptx 내 브랜딩 텍스트 수정
- INDEX.md 업데이트
2026-02-21 21:13:46 +09:00

74 lines
3.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
width: 720pt;
height: 405pt;
font-family: 'Pretendard', sans-serif;
background: #1a0a0a;
padding: 32pt 40pt;
display: flex;
flex-direction: column;
justify-content: space-between;
}
</style>
</head>
<body>
<!-- 상단 로고 + 배지 -->
<div style="display: flex; justify-content: space-between; align-items: center;">
<div style="display: flex; align-items: center; gap: 10pt;">
<img src="/home/aweso/sam/docs/assets/bi/sam_bi_red.png" style="width: 28pt; height: 28pt; border-radius: 4pt;">
<p style="font-size: 14pt; font-weight: 700; color: #ffffff;">SAM</p>
</div>
<div style="display: inline-block; padding: 5pt 16pt; background: #C0392B; border-radius: 16pt;">
<p style="font-size: 9pt; font-weight: 700; color: #ffffff; letter-spacing: 0.08em;">CONFIDENTIAL</p>
</div>
</div>
<!-- 메인 타이틀 -->
<div>
<p style="font-size: 11pt; font-weight: 600; color: #E74C3C; letter-spacing: 0.06em; margin-bottom: 10pt;">INTERNAL USE ONLY</p>
<h1 style="font-size: 44pt; font-weight: 800; color: #ffffff; letter-spacing: -0.02em; line-height: 1.15;">SAM 과금정책</h1>
<p style="font-size: 14pt; color: rgba(255,255,255,0.4); margin-top: 12pt; line-height: 1.5;">본사 지출 원가 · 마진 구조 · 코드 참조</p>
</div>
<!-- 3개 핵심 수치 카드 -->
<div style="display: flex; gap: 14pt; margin-bottom: 14pt;">
<div style="flex: 1; padding: 14pt 16pt; background: rgba(255,255,255,0.06); border-radius: 8pt; border-left: 3pt solid #E74C3C;">
<p style="font-size: 7.5pt; color: rgba(255,255,255,0.35); letter-spacing: 0.04em; margin-bottom: 4pt;">COST PER TENANT</p>
<p style="font-size: 18pt; font-weight: 700; color: #ffffff;">~1<span style="font-size: 11pt; font-weight: 500;">만원</span><span style="font-size: 10pt; font-weight: 400; color: rgba(255,255,255,0.4);">/월</span></p>
<p style="font-size: 8pt; color: rgba(255,255,255,0.35); margin-top: 3pt;">테넌트당 월 원가</p>
</div>
<div style="flex: 1; padding: 14pt 16pt; background: rgba(255,255,255,0.06); border-radius: 8pt; border-left: 3pt solid #27AE60;">
<p style="font-size: 7.5pt; color: rgba(255,255,255,0.35); letter-spacing: 0.04em; margin-bottom: 4pt;">OPERATING MARGIN</p>
<p style="font-size: 18pt; font-weight: 700; color: #27AE60;">67~75%</p>
<p style="font-size: 8pt; color: rgba(255,255,255,0.35); margin-top: 3pt;">영업이익률</p>
</div>
<div style="flex: 1; padding: 14pt 16pt; background: rgba(255,255,255,0.06); border-radius: 8pt; border-left: 3pt solid #E74C3C;">
<p style="font-size: 7.5pt; color: rgba(255,255,255,0.35); letter-spacing: 0.04em; margin-bottom: 4pt;">SCALE ADVANTAGE</p>
<p style="font-size: 18pt; font-weight: 700; color: #ffffff;">MC → 0</p>
<p style="font-size: 8pt; color: rgba(255,255,255,0.35); margin-top: 3pt;">스케일 시 한계비용</p>
</div>
</div>
<!-- 하단 메타 -->
<div style="display: flex; gap: 48pt;">
<div>
<p style="font-size: 8pt; color: rgba(255,255,255,0.25); margin-bottom: 3pt;">SCOPE</p>
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.55);">내부 개발팀 / 관리층</p>
</div>
<div>
<p style="font-size: 8pt; color: rgba(255,255,255,0.25); margin-bottom: 3pt;">DATE</p>
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.55);">2026. 02</p>
</div>
<div>
<p style="font-size: 8pt; color: rgba(255,255,255,0.25); margin-bottom: 3pt;">WARNING</p>
<p style="font-size: 10pt; font-weight: 600; color: #E74C3C;">대외 공유 금지</p>
</div>
</div>
</body>
</html>