feat: 한국어 우선 쇼케이스 정리
This commit is contained in:
parent
e4087c29f5
commit
2b7fa32b5b
109 changed files with 437 additions and 279 deletions
|
|
@ -1,7 +1,7 @@
|
|||
@import url("./tokens.css");
|
||||
|
||||
/* ==========================================================================
|
||||
향연 — quiet-luxury. 한지 위의 장부.
|
||||
향연 — quiet-luxury. 밝은 편집면 위의 기록.
|
||||
========================================================================== */
|
||||
|
||||
*,
|
||||
|
|
@ -33,20 +33,6 @@ body {
|
|||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* 한지 그레인 — 본문 뒤 전면, 알파 0.05. 이 페이지의 유일한 재질 효과 */
|
||||
.paper {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
body > *:not(.paper) {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
:where(h1, h2, h3) {
|
||||
font-family: var(--font-display);
|
||||
font-weight: 500;
|
||||
|
|
@ -121,13 +107,6 @@ a {
|
|||
margin-inline: auto;
|
||||
}
|
||||
|
||||
/* 세로쓰기 — 이 스튜디오의 물성 어휘. 목요일의 화원과 같은 결, 다른 용도 */
|
||||
.vertical {
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
letter-spacing: 0.3em;
|
||||
}
|
||||
|
||||
/* ── 헤더 ─────────────────────────────────────────────────────────────── */
|
||||
|
||||
.site-head {
|
||||
|
|
@ -219,8 +198,8 @@ a {
|
|||
.hero-photo {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
gap: var(--space-4);
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: var(--space-2);
|
||||
justify-content: end;
|
||||
align-items: start;
|
||||
}
|
||||
|
|
@ -233,7 +212,7 @@ a {
|
|||
.hero-photo figcaption {
|
||||
font-size: var(--step--1);
|
||||
color: var(--ink-faint);
|
||||
height: 14rem;
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
|
||||
/* ── 섹션 공통 ────────────────────────────────────────────────────────── */
|
||||
|
|
@ -382,7 +361,8 @@ tbody th {
|
|||
font-family: var(--font-display);
|
||||
color: var(--ink-faint);
|
||||
font-size: var(--step--1);
|
||||
height: 11rem;
|
||||
letter-spacing: 0.08em;
|
||||
align-self: end;
|
||||
}
|
||||
|
||||
/* ── 등장 모션 — 다른 페이지보다 느리다 ──────────────────────────────── */
|
||||
|
|
@ -416,7 +396,6 @@ tbody th {
|
|||
}
|
||||
.hero-photo {
|
||||
max-width: 24rem;
|
||||
grid-template-columns: 1fr auto;
|
||||
justify-content: start;
|
||||
}
|
||||
.visit-grid {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/* ==========================================================================
|
||||
향연 (享煙) — 디자인 토큰
|
||||
향연 — 디자인 토큰
|
||||
프리셋: quiet-luxury
|
||||
컨셉 한 문장: 한지 위의 장부 — 여백이 주인공이고 연기 한 줄기가 흔적이다.
|
||||
컨셉 한 문장: 밝은 편집면 위의 기록 — 여백이 주인공이고 연기 한 줄기가 흔적이다.
|
||||
레퍼런스: 방향은 dogfood-incense(단, 그 파일의 6축 수치는 audit-references.md
|
||||
에서 날조로 판명 — 토큰 근거로 쓰지 않는다). 사이트 선택(정향·아카이브
|
||||
계열의 절제)만 방향 앵커로 쓰고, 값은 브리프에서 다시 정했다.
|
||||
|
|
@ -23,14 +23,14 @@
|
|||
--font-display: "MaruBuri", serif;
|
||||
--font-body: "Pretendard Variable", Pretendard, -apple-system, sans-serif;
|
||||
|
||||
/* 색 — 한지 2단계 + 잉크 3단계 + 적갈 1. 정확한 유약색이 아니라 '건조한 종이' */
|
||||
/* 색 — 따뜻한 중성 바탕 2단계 + 텍스트 3단계 + 적갈 1. */
|
||||
--surface: #f6f2e9;
|
||||
--surface-raised: #efe9dc;
|
||||
--ink: #2b2724;
|
||||
--ink-muted: #6d655c;
|
||||
--ink-faint: #9a9083;
|
||||
--line: #ddd4c3;
|
||||
--accent: #7c3b24; /* 적갈 — 잉크가 아니라 인주의 위험한 사촌 */
|
||||
--accent: #7c3b24; /* 적갈 — 링크와 핵심 동작만 */
|
||||
--accent-hover: #5f2c1a;
|
||||
|
||||
--space-1: 0.25rem;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue