02a892f8b8
- 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 업데이트
73 lines
3.8 KiB
HTML
73 lines
3.8 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: #1B3A5C;
|
|
padding: 36pt 48pt 28pt 48pt;
|
|
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_blue.png" style="width: 28pt; height: 28pt;">
|
|
<p style="font-size: 14pt; font-weight: 700; color: #ffffff;">SAM</p>
|
|
</div>
|
|
<div style="display: inline-block; padding: 5pt 14pt; border: 1px solid rgba(255,255,255,0.3); border-radius: 16pt;">
|
|
<p style="font-size: 9pt; font-weight: 500; color: rgba(255,255,255,0.7); letter-spacing: 0.05em;">SERVICE PRICING 2026</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 메인 타이틀 -->
|
|
<div>
|
|
<p style="font-size: 11pt; font-weight: 600; color: #2E86AB; letter-spacing: 0.06em; margin-bottom: 10pt;">SMART AUTOMATION MANAGEMENT</p>
|
|
<h1 style="font-size: 48pt; 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.55); margin-top: 12pt; line-height: 1.5;">제조 현장의 디지털 전환, SAM 하나로 완성합니다</p>
|
|
</div>
|
|
|
|
<!-- 키 벨류 3카드 -->
|
|
<div style="display: flex; gap: 14pt;">
|
|
<div style="flex: 1; background: rgba(46,134,171,0.18); border: 1pt solid rgba(46,134,171,0.35); border-radius: 10pt; padding: 14pt 16pt; text-align: center;">
|
|
<p style="font-size: 24pt; font-weight: 800; color: #ffffff; margin-bottom: 2pt;">80%<span style="font-size: 13pt; color: #2E86AB;"> UP</span></p>
|
|
<p style="font-size: 9pt; color: rgba(255,255,255,0.6);">업무 자동화율 향상</p>
|
|
</div>
|
|
<div style="flex: 1; background: rgba(232,111,44,0.15); border: 1pt solid rgba(232,111,44,0.35); border-radius: 10pt; padding: 14pt 16pt; text-align: center;">
|
|
<p style="font-size: 24pt; font-weight: 800; color: #ffffff; margin-bottom: 2pt;">30%<span style="font-size: 13pt; color: #E86F2C;"> DOWN</span></p>
|
|
<p style="font-size: 9pt; color: rgba(255,255,255,0.6);">인건비 절감 효과</p>
|
|
</div>
|
|
<div style="flex: 1; background: rgba(255,255,255,0.08); border: 1pt solid rgba(255,255,255,0.2); border-radius: 10pt; padding: 14pt 16pt; text-align: center;">
|
|
<p style="font-size: 24pt; font-weight: 800; color: #ffffff; margin-bottom: 2pt;">100%</p>
|
|
<p style="font-size: 9pt; color: rgba(255,255,255,0.6);">실시간 현황 파악</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 하단 정보 -->
|
|
<div style="display: flex; gap: 48pt; align-items: flex-end;">
|
|
<div>
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt; letter-spacing: 0.04em;">COMPANY</p>
|
|
<p style="font-size: 11pt; font-weight: 500; color: rgba(255,255,255,0.8);">(주)코드브릿지엑스</p>
|
|
</div>
|
|
<div>
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt; letter-spacing: 0.04em;">DATE</p>
|
|
<p style="font-size: 11pt; font-weight: 500; color: rgba(255,255,255,0.8);">2026. 02</p>
|
|
</div>
|
|
<div>
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt; letter-spacing: 0.04em;">NOTE</p>
|
|
<p style="font-size: 11pt; font-weight: 600; color: #E86F2C;">VAT 별도</p>
|
|
</div>
|
|
<div style="margin-left: auto;">
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.3);">01 / 07</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |