23570d3ee9
- docs/system/ai-automation-vision.md 장기 비전 기술문서 생성 - docs/rules/slides/usage-plan/ 7장 HTML 슬라이드 + PPTX 변환 - INDEX.md에 ai-automation-vision.md 등록
43 lines
2.5 KiB
HTML
43 lines
2.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="width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 80px 60px 80px;">
|
|
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 28px;">
|
|
<div style="width: 44px; height: 44px; background: #059669; border-radius: 12px; display: flex; align-items: center; justify-content: center;">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
|
|
</div>
|
|
<p style="white-space: nowrap; font-size: 18px; font-weight: 700; color: #6ee7b7; letter-spacing: 2px;">SAM PROJECT</p>
|
|
</div>
|
|
|
|
<p style="white-space: nowrap; font-size: 36px; font-weight: 800; color: #ffffff; text-align: center;">SAM 활용방안</p>
|
|
<p style="white-space: nowrap; font-size: 26px; font-weight: 700; color: #10b981; margin-top: 10px;">AI 자동화로 중소 제조업을 혁신하다</p>
|
|
|
|
<p style="white-space: nowrap; font-size: 14px; color: #94a3b8; text-align: center; margin-top: 22px;">방화셔터 제조업 실증 | 80% 공통화 전략 | Multi-tenant SaaS 플랫폼</p>
|
|
|
|
<div style="display: flex; gap: 10px; justify-content: center; margin-top: 28px;">
|
|
<div style="border: 1px solid #1e4d3a; border-radius: 20px; padding: 6px 16px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 600; color: #6ee7b7;">코어 모델 실증</p>
|
|
</div>
|
|
<div style="border: 1px solid #312e81; border-radius: 20px; padding: 6px 16px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 600; color: #a5b4fc;">AI 자동화</p>
|
|
</div>
|
|
<div style="border: 1px solid #713f12; border-radius: 20px; padding: 6px 16px;">
|
|
<p style="white-space: nowrap; font-size: 12px; font-weight: 600; color: #fcd34d;">다산업군 확장</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
|
|
<p style="white-space: nowrap; font-size: 11px; color: #475569;">SAM 활용방안 | (주)코드브릿지엑스 | 2026.03</p>
|
|
</div>
|
|
</body>
|
|
</html>
|