23570d3ee9
- docs/system/ai-automation-vision.md 장기 비전 기술문서 생성 - docs/rules/slides/usage-plan/ 7장 HTML 슬라이드 + PPTX 변환 - INDEX.md에 ai-automation-vision.md 등록
83 lines
5.5 KiB
HTML
83 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
|
|
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Pretendard', sans-serif; }
|
|
body { width: 960px; height: 540px; background: #0f172a; overflow: hidden; position: relative; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="padding: 20px 40px 0 40px;">
|
|
<p style="white-space: nowrap; font-size: 20px; font-weight: 700; color: #ffffff;">로드맵 & 비전</p>
|
|
<p style="white-space: nowrap; font-size: 11px; color: #94a3b8; margin-top: 4px;">방화셔터에서 시작하여 모든 중소 제조업으로</p>
|
|
</div>
|
|
|
|
<div style="padding: 20px 40px 0 56px; position: relative;">
|
|
<div style="position: absolute; left: 48px; top: 20px; width: 2px; height: 280px; background: #334155;"></div>
|
|
|
|
<div style="position: relative; padding-left: 24px; margin-bottom: 16px;">
|
|
<div style="position: absolute; left: -14px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #059669;"></div>
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 3px;">
|
|
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #10b981;">Phase 1</p>
|
|
<p style="white-space: nowrap; font-size: 13px; font-weight: 600; color: #e2e8f0;">코어 실증</p>
|
|
<p style="white-space: nowrap; font-size: 10px; color: #64748b;">2025~2026 상반기</p>
|
|
<div style="background: #1a3a2a; border-radius: 10px; padding: 1px 8px; display: inline-block;">
|
|
<p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #10b981;">진행중</p>
|
|
</div>
|
|
</div>
|
|
<p style="font-size: 10px; color: #94a3b8; line-height: 1.4;">경동/주일 방화셔터 제조업에서 전 프로세스 실증. 영업→출고 파이프라인 완성.</p>
|
|
</div>
|
|
|
|
<div style="position: relative; padding-left: 24px; margin-bottom: 16px;">
|
|
<div style="position: absolute; left: -14px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #2563eb;"></div>
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 3px;">
|
|
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #60a5fa;">Phase 2</p>
|
|
<p style="white-space: nowrap; font-size: 13px; font-weight: 600; color: #e2e8f0;">3~5사 확장</p>
|
|
<p style="white-space: nowrap; font-size: 10px; color: #64748b;">2026 하반기</p>
|
|
<div style="background: #1e293b; border-radius: 10px; padding: 1px 8px; display: inline-block;">
|
|
<p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #64748b;">계획</p>
|
|
</div>
|
|
</div>
|
|
<p style="font-size: 10px; color: #94a3b8; line-height: 1.4;">블라인드, 금속가공 등 유사 제조업 3~5사에 멀티테넌시 확장.</p>
|
|
</div>
|
|
|
|
<div style="position: relative; padding-left: 24px; margin-bottom: 16px;">
|
|
<div style="position: absolute; left: -14px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #7c3aed;"></div>
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 3px;">
|
|
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #a78bfa;">Phase 3</p>
|
|
<p style="white-space: nowrap; font-size: 13px; font-weight: 600; color: #e2e8f0;">AI 고도화</p>
|
|
<p style="white-space: nowrap; font-size: 10px; color: #64748b;">2027</p>
|
|
<div style="background: #1e293b; border-radius: 10px; padding: 1px 8px; display: inline-block;">
|
|
<p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #64748b;">계획</p>
|
|
</div>
|
|
</div>
|
|
<p style="font-size: 10px; color: #94a3b8; line-height: 1.4;">AI 견적 자동 산출, AI 공정 최적화, AI 고객 상담 순차 적용.</p>
|
|
</div>
|
|
|
|
<div style="position: relative; padding-left: 24px;">
|
|
<div style="position: absolute; left: -14px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #dc2626;"></div>
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 3px;">
|
|
<p style="white-space: nowrap; font-size: 13px; font-weight: 700; color: #f87171;">Phase 4</p>
|
|
<p style="white-space: nowrap; font-size: 13px; font-weight: 600; color: #e2e8f0;">다산업군 플랫폼</p>
|
|
<p style="white-space: nowrap; font-size: 10px; color: #64748b;">2028~</p>
|
|
<div style="background: #1e293b; border-radius: 10px; padding: 1px 8px; display: inline-block;">
|
|
<p style="white-space: nowrap; font-size: 8px; font-weight: 600; color: #64748b;">비전</p>
|
|
</div>
|
|
</div>
|
|
<p style="font-size: 10px; color: #94a3b8; line-height: 1.4;">식품, 전자부품 등 다양한 제조업종. 중소 제조업 표준 SaaS.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="position: absolute; bottom: 36px; left: 40px; right: 40px; background: #312e81; border: 1px solid #6366f1; border-radius: 12px; padding: 12px 20px; text-align: center;">
|
|
<p style="white-space: nowrap; font-size: 15px; font-weight: 800; color: #ffffff;">"방화셔터에서 시작하여, 모든 중소 제조업의 디지털 전환을 이끄는 SAM"</p>
|
|
<p style="white-space: nowrap; font-size: 10px; color: #a5b4fc; margin-top: 4px;">AI 자동화 + 멀티테넌시 + 80% 공통화 = 중소 제조업 혁신 플랫폼 | (주)코드브릿지엑스</p>
|
|
</div>
|
|
|
|
<div style="position: absolute; bottom: 12px; right: 40px;">
|
|
<p style="white-space: nowrap; font-size: 9px; color: #475569;">7 / 7</p>
|
|
</div>
|
|
</body>
|
|
</html>
|