큐레이션 · 오픈 · 무료

Louis Poulsen

깔끔하고 에디토리얼하며 갤러리 중심의 시각 언어를 갖춘 프리미엄 조명 브랜드.

01

디자인 DNA

하이엔드 산업 디자인을 위한 에디토리얼 갤러리

02

컬러

풍부한 사진과 여백이 주도하는 고대비 단색 팔레트.

03

타이포그래피

transitional-serif · humanist-sans

• display56px · 300
• headline30px · 300
• body14px · 400

04

여백

4px 기본 그리드와 편안하고 넉넉한 여백으로 에디토리얼한 느낌을 연출합니다.

05

표면 (라운드 / 그림자 / 경계선)

구분선용 1px solid rgba(0,0,0,0.25); 인터랙티브 리스트 항목에 적극적으로 border 사용.

06

레이아웃

큰 히어로 이미지, 다중 컬럼 매asonry 스타일 사진 그리드, 전체 폭 리스트 섹션을 포함한 비대칭 에디토리얼 레이아웃.

07

모션과 인터랙션

링크와 리스트 항목의 부드러운 hover 트랜지션, 인터랙티브 요소의 미세한 스케일링 트랜스폼.

미세한 배경 또는 텍스트 색상 변화; 카테고리 리스트 항목의 활성 상태 표시. · 깔끔한 상태 변화, 우아함을 유지하기 위한 최소한의 시각적 피드백.

08

컴포넌트

• button 최소한의 장식을 가진 절제된 텍스트 중심 버튼; 두드러진 검정색 채우기 'SEE MORE' 액션 버튼.
• card 보이는 여백이나 배경 없이 밀도 높은 그리드 레이아웃에 엣지 투 엣지 사진.
• hero 크고 우아한 세리프 텍스트 오버레이와 최소한의 보조 설명이 포함된 풀 뷰포트 시네마틱 이미지.

09

보이스와 금지 목록

• 톤 자신감 있고 프리미엄하며, 조명 디자인의 공예와 역사에 초점을 맞춘 어조.
• 헤드라인 타이트한 트래킹을 사용한 우아한 대문자 세리프 타이포그래피.
• CTA 미니멀리스트하며, 간단한 화살표나 대문자 산세리프 텍스트를 주로 사용.

• 둥근 모서리를 사용하지 마세요 — 모든 UI 컴포넌트에 날카로운 90도 모서리가 보입니다.
• 드롭 섀도우를 사용하지 마세요 — border와 사진에 의존하는 평면적 표면이 보입니다.
• 밝은 강조색을 사용하지 마세요 — 검정, 흰색, 회색으로 구성된 엄격한 단색 팔레트가 보입니다.
• 굵은 폰트 웨이트를 사용하지 마세요 — 주로 Regular (400)과 Light (300) 웨이트가 사용됩니다.
• 지저분한 내비게이션을 사용하지 마세요 — 넉넉한 수평 간격의 미니멀한 상단 바가 보입니다.
• 무거한 컨테이너 패딩을 사용하지 마세요 — 사진과 텍스트가 뷰포트 가장자리에 가깝게 배치되는 레이아웃이 보입니다.
• 피하기: 지저분한 레이아웃
• 피하기: 화려하거나 공격적인 색상
• 피하기: 가볍거나 지나치게 캐주얼한 언어

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko