design: DBX Corporation 명칭 수정, 폰트 확대, 브랜드 패널 애니메이션 도형 추가

- 모든 페이지 'DBX Corp' → 'DBX Corporation' 통일
- 브랜드 패널 좌측에 천천히 움직이는 도형 5개 추가 (CSS 애니메이션)
- 전체 기본 폰트 15px → 16px, 제목/카드 크기 확대
- 'Google Workspace 계정...' 문장 한 줄 표시 처리
This commit is contained in:
2026-05-22 01:05:47 +09:00
parent 6993ab9397
commit e1af7285a1
4 changed files with 148 additions and 27 deletions
+12 -5
View File
@@ -11,6 +11,15 @@
<!-- 좌측: 브랜드 패널 -->
<aside class="brand-panel">
<!-- 움직이는 배경 도형 -->
<div class="brand-shapes" aria-hidden="true">
<div class="shape shape-1"></div>
<div class="shape shape-2"></div>
<div class="shape shape-3"></div>
<div class="shape shape-4"></div>
<div class="shape shape-5"></div>
</div>
<div class="brand-logo">
<div class="brand-logo-mark">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"
@@ -21,19 +30,17 @@
<rect x="14" y="14" width="7" height="7" rx="1"/>
</svg>
</div>
<span class="brand-name">DBX Corp</span>
<span class="brand-name">DBX Corporation</span>
</div>
<div class="brand-body">
<p class="brand-tag">Internal Portal</p>
<h1 class="brand-headline">업무 포털<br>시스템</h1>
<p class="brand-desc">
DBX Corp 임직원 전용 업무 통합 포털입니다.
</p>
<p class="brand-desc">DBX Corporation 임직원 전용 업무 통합 포털입니다.</p>
<div class="brand-divider"></div>
</div>
<p class="brand-footer">© 2026 DBX Corp. All rights reserved.</p>
<p class="brand-footer">© 2026 DBX Corporation. All rights reserved.</p>
</aside>
<!-- 우측: 오류 패널 -->