king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 모든 페이지 'DBX Corp' → 'DBX Corporation' 통일
- 브랜드 패널 좌측에 천천히 움직이는 도형 5개 추가 (CSS 애니메이션)
- 전체 기본 폰트 15px → 16px, 제목/카드 크기 확대
- 'Google Workspace 계정...' 문장 한 줄 표시 처리
This commit is contained in:
king
2026-05-22 01:05:47 +09:00
parent 6993ab9397
commit e1af7285a1
4 changed files with 148 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/login.html
+14 -7
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,26 +30,24 @@
<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 임직원 전용 업무 통합 포털입니다.<br>
회사 Google Workspace 계정으로 인증 후 이용하실 수 있습니다.
</p>
<p class="brand-desc">DBX Corporation 임직원 전용 업무 통합 포털입니다.</p>
<p class="brand-desc-nowrap">회사 Google Workspace 계정으로 인증 후 이용하실 수 있습니다.</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>
<!-- 우측: 로그인 폼 -->
<main class="form-panel">
<div class="form-box">
<p class="form-eyebrow">DBX Corp</p>
<p class="form-eyebrow">DBX Corporation</p>
<h2 class="form-title">업무 포털 로그인</h2>
<p class="form-subtitle">
회사 Google Workspace 계정으로 로그인하세요.<br>