d86b5851d0
- .agent/, .claude/, .vscode/ 설정 파일 - design/ 디자인 리소스 - reports/, research/ 분석 문서 - testcase/ 테스트 케이스 문서 - db_sync_chandj.bat, sam.code-workspace Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<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', 'Malgun Gothic', sans-serif;
|
|
background: #f5f5f0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
p, h1, h2 { margin: 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 상단 액센트 바 -->
|
|
<div style="height: 180pt; background: #95C11F; display: flex; align-items: flex-end; padding: 0 48pt 32pt 48pt;">
|
|
<div style="display: flex; align-items: baseline; gap: 16pt;">
|
|
<h1 style="font-size: 48pt; font-weight: 600; color: #ffffff;">공통</h1>
|
|
<p style="font-size: 14pt; color: rgba(255,255,255,0.8);">Common</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 하단 컨텐츠 영역 -->
|
|
<div style="flex: 1; padding: 32pt 48pt; display: flex; align-items: center;">
|
|
<div>
|
|
<p style="font-size: 12pt; color: #666; margin-bottom: 8pt;">Section 01</p>
|
|
<p style="font-size: 16pt; color: #1a1a1a; font-weight: 500;">시스템 전반에 걸쳐 공통적으로 적용되는 UI/UX 가이드라인</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|