styles
← 갤러리

Dark Luxury

먹빛 차콜 위에 샴페인 골드 단 한 톤, 가는 하이콘트라스트 세리프 디스플레이 — 모든 것이 느리게 흐르는 다크 럭셔리.

luxury-editorial dark-luxurychampagne-goldthin-seriffull-bleedhairline-goldslow-motion
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

거의 검정에 가까운 먹빛 차콜 배경에 가느다란 세리프 헤드라인이 떠 있고, 유일한 색 액센트가 샴페인 골드 한 톤(면적 5% 이하, 선·텍스트로만)인 럭셔리 웹 스타일. 광활한 여백, 풀블리드 고급 이미지, 직각 모서리, 금빛 헤어라인, 700ms 이상의 느리고 우아한 페이드가 정체성이다. 럭셔리는 무게가 아니라 우아함 — 디스플레이는 weight 300의 가는 세리프.

타입 스케일

display Ag 스타일 견본 Style Specimen
quote Ag 스타일 견본 Style Specimen
label Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen

디스플레이는 Cormorant Garamond 가는 세리프(weight 300~500만, 600 이상 금지). 라벨·본문은 Jost — 라벨은 대문자 + 0.3em 광폭 자간에 골드. quote 스텝은 Cormorant Garamond italic으로 조판. 본문 측정 60~70자.

골든 예제 (exemplar)

Maison — Est. 1897

Elegance is
restraint, unhurried.

One charcoal ground. One champagne accent, drawn only in lines and letters. Everything else is space, and everything moves slowly.

No. 01

The Gold Hairline

Dividers, borders, kickers — the accent is a line, never a surface.

No. 02

Thin Serif Display

Weight 300, high contrast. Luxury is elegance, not boldness.

No. 03

Tonal Depth

No shadows — surfaces step lighter than the ground, nothing more.

“Everything flows slowly, as it should.”

Do

  • 액센트는 골드 단 하나 — 링크·키커·헤어라인·CTA 보더에만, 면적 5% 이하
  • 디스플레이는 weight 300~500의 가는 세리프 — 럭셔리는 무게가 아니라 우아함
  • 깊이는 그림자 대신 표면 명도 단차로, 구획은 골드 헤어라인으로
  • 모든 모션을 느리게(500ms 이상), cubic-bezier(0.22,1,0.36,1) 이징으로
  • 섹션마다 골드 대문자 키커(자간 0.3em)로 시작하고 여백을 광활하게

Don't

  • 보라 그라디언트·다색 그라디언트 금지 — 배경은 단색 차콜, 어둠 비네트만 허용
  • 금 외 강조색 추가 금지. 금을 면(배경)으로 칠하지 말 것 — 선·텍스트로만
  • 둥근 모서리(radius > 0)·박스 섀도 금지
  • 굵은 헤드라인(weight ≥ 600) 금지 — 디스플레이는 weight 300~500의 가는 세리프
  • 네온·발광 효과 금지 — 다크지만 사이버 테크가 아님
  • 이모지·일러스트·blob 금지
  • 빠르고 통통 튀는 모션(< 400ms, bounce) 금지

컴포넌트 노트

button
base: 배경 없음(고스트), 1px solid accent(골드), 골드 텍스트, padding 18px 44px, 대문자 letter-spacing 0.26em, radius 0
hover: 골드로 채워지고 텍스트가 background(차콜)로 반전, 600ms
focus: 2px offset outline (ring=골드)
disabled: opacity 0.4, 보더 muted-foreground
card
card 표면(#1b1917 톤), 1px 희미한 border 가장자리, 안에 골드 라벨 + 가는 세리프 제목 + 본문. 호버 시 표면이 popover 톤으로 밝아지고 골드 헤어라인이 하단에 그어짐. 그림자·radius 없음.
hero
풀블리드 어두운 고급 이미지 + 하단 비네트. 그 위 좌측 정렬 골드 키커(대문자 광폭 자간) + 가는 세리프 초대형 헤드라인 + 골드 보더 고스트 CTA.
image
채도 -15%, brightness 0.92로 약간 어둡게. 보더·radius 없음. 호버 scale 1.04, 1100ms.
footer
더 깊은 차콜(#0d0c0b 톤), 상단 골드 1px 헤어라인. 가는 세리프 사이트명, 대문자 광폭 자간 메뉴, 골드 링크 텍스트, 광활한 패딩.