큐레이션 · 오픈 · 무료

Loveseen

강렬한 사진과 우아한 세리프 타이포그래피를 주도하는 프리미엄 뷰티 전자상거래 사이트.

01

디자인 DNA

큐레이션된 뷰티 포토그래피 갤러리

02

컬러

따뜻하고 피부톤을 연상시키는 뉴트럴 팔레트가 사진이 지배할 수 있도록 합니다.

03

타이포그래피

didone-serif · geometric-sans

• display48px · 400
• heading30px · 400
• body16px · 400
• caption13px · 400

내비게이션 및 UI 요소에 올_caps 사용 · 디스플레이 타입에 타이트한 자간 · 대문자 UI 텍스트에 넉넉한 자간

04

여백

섹션 간 넉넉한 수직 간격

05

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

부드러운 뉴트럴 톤의 1px solid 테두리

06

레이아웃

풀블리드 히어로 이미지 뒤에 그리드 섹션

07

모션과 인터랙션

fade-in · slide-up

opacity 변화와 미세한 색상 변화 · 매끄러운 트랜지션과 함께 즉각적인 상태 변화

08

컴포넌트

• button 대문자 텍스트를 사용한 미니멀 윤곽선 버튼
• card 여백과 이미지를 사용한 눈에 띄지 않는 카드 테두리
• chip 둥근 테두리를 사용한 심플한 윤곽선 칩
• input 최소한의 스타일링을 적용한 밑줄 스타일 입력 필드
• hero 투명한 내비게이션 오버레이가 있는 분할 화면 사진 히어로

09

보이스와 금지 목록

• 톤 자신감 있고, 포용적이며, 세련된
• 헤드라인 우아하며, 주로 didone 세리프 디스플레이 폰트 사용
• CTA 미니멀하고, 대문자이며, 주로 윤곽선 또는 플레인 텍스트

• 채도 높은 강조 색상을 사용하지 마세요 — 스크린샷은 부드럽고 뉴트럴한 팔레트를 보여줍니다.
• 무거운 드롭 섀도우나 3D 효과를 사용하지 마세요 — 스크린샷은 플랫하고 깔끔한 표면을 보여줍니다.
• 카드나 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 깔끔한 가장자리를 보여줍니다.
• 내비게이션에 소문자 텍스트를 사용하지 마세요 — 스크린샷은 올_caps UI 요소를 보여줍니다.
• 본문에 굵은 웨이트를 사용하지 마세요 — 스크린샷은 일관된 400 웨이트를 보여줍니다.
• 바쁜 배경 패턴을 사용하지 마세요 — 스크린샷은 단색의 부드러운 뉴트럴 배경을 보여줍니다.
• 피하기: 화려한 색상
• 피하기: 장식적인 UI 요소
• 피하기: 복잡한 레이아웃

10

팩 안의 실제 스크린샷

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

11

System Prompt

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