P82282866/kt-event-marketing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

배경-글씨 색상 대비 개선으로 가독성 향상

Browse Source 
문제: secondary 계열 배경(#FFE9E9)에 secondary 글씨(#FF6B6B) 사용으로 낮은 대비
해결: primary 계열(배경 #FFE9EA, 글씨 #E31E24)로 변경하여 높은 대비 확보

수정 파일:
- 07-AI참여방법설계.html: method-card__type, method-stat__value
- 08-AI홍보문구생성.html: hashtag
- 09-이벤트기획안승인.html: summary-item__badge
- 12-QR포스터생성.html: template-card--selected, size-button--selected
- 12-QR포스터생성선택.html: feature-tag
- 14-콘텐츠최종승인.html: content-card__count

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
doyeon 2025-10-21 10:15:22 +09:00
parent 8c07bcc0d8
commit 16ead16162
6 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
design/uiux/prototype/07-AI참여방법설계.html
View File

@ -249,8 +249,8 @@
.method-card__type {
display: inline-block;
font-size: 12px;
color: var(--color-secondary);
background: var(--color-secondary-light);
color: var(--color-primary);
background: var(--color-primary-50);
padding: 2px var(--spacing-s);
border-radius: var(--radius-s);
margin-bottom: var(--spacing-s);
@ -280,7 +280,7 @@
.method-stat__value {
font-size: 15px;
font-weight: 700;
color: var(--color-secondary);
color: var(--color-primary);
margin-bottom: var(--spacing-xs);
}

4
design/uiux/prototype/08-AI홍보문구생성.html
View File

@ -352,8 +352,8 @@
}
.hashtag {
background: var(--color-secondary-light);
color: var(--color-secondary);
background: var(--color-primary-light);
color: var(--color-primary);
padding: var(--spacing-xs) var(--spacing-s);
border-radius: var(--radius-s);
font-size: var(--font-size-xs);

4
design/uiux/prototype/09-이벤트기획안승인.html
View File

@ -285,8 +285,8 @@
.summary-item__badge {
display: inline-block;
background: var(--color-secondary-light);
color: var(--color-secondary);
background: var(--color-primary-light);
color: var(--color-primary);
padding: 2px var(--spacing-s);
border-radius: var(--radius-s);
font-size: var(--font-size-xs);

6
design/uiux/prototype/12-QR포스터생성.html
View File

@ -299,7 +299,7 @@
.template-card--selected {
border-color: var(--color-secondary);
background: var(--color-secondary-light);
background: var(--color-primary-light);
}
.template-card__header {
@ -404,8 +404,8 @@
.size-button--selected {
border-color: var(--color-secondary);
background: var(--color-secondary-light);
color: var(--color-secondary);
background: var(--color-primary-light);
color: var(--color-primary);
}
.text-input {

4
design/uiux/prototype/12-QR포스터생성선택.html
View File

@ -237,8 +237,8 @@
}
.feature-tag {
background: var(--color-secondary-light);
color: var(--color-secondary);
background: var(--color-primary-light);
color: var(--color-primary);
padding: 2px var(--spacing-s);
border-radius: var(--radius-s);
font-size: var(--font-size-xs);

4
design/uiux/prototype/14-콘텐츠최종승인.html
View File

@ -247,8 +247,8 @@
}
.content-card__count {
background: var(--color-secondary-light);
color: var(--color-secondary);
background: var(--color-primary-light);
color: var(--color-primary);
padding: 2px var(--spacing-s);
border-radius: var(--radius-s);
font-size: var(--font-size-xs);