큐레이션 · 오픈 · 무료

Ka Ra Studio

나무 작업 디자인 실천을 위한 절제된, 타이포그래피 중심 포트폴리오.

01

디자인 DNA

맞춤형 나무 제품을 큐레이팅한 갤러리 전시회.

02

컬러

따뜻한 흰색과 깊은 나무 갈색 잉크로 지배되는 투톤 팔레트.

03

타이포그래피

transitional-serif

• display34px · 400
• body15px · 400

기본 서체 'A B C Laica'는 모든 텍스트 요소에 독점적으로 사용됩니다. · 모든 텍스트는 400의 균일한 두께를 유지합니다. · 텍스트 색상은 흰색 배경 대비 따뜻한 나무 갈색으로 엄격하게 제한됩니다.

04

여백

풍부한 패딩과 여백은 차분하고 여유로운 브라우징 경험을 만듭니다.

05

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

테두리는 기본 잉크 색상을 사용하며, 때로는 비활성 상태를 위해 미묘한 회색과 결합됩니다.

06

레이아웃

풍부한 여백과 중앙 정렬 텍스트를 가진 단일 열, 수직 스크롤 레이아웃.

07

모션과 인터랙션

인터랙티브 요소에 hover 시 미묘한 opacity 전환.

상호작용을 나타내기 위해 텍스트 링크의 opacity를 줄입니다. · 표준 브라우저 내비게이션.

08

컴포넌트

• button 괄호로 감싸인 텍스트 기반 링크. 커서 변경과 opacity 전환에 의존하여 상호작용을 나타냅니다.
• card 중앙 정렬된 텍스트 설명이 아래에 있는 큰, 테두리 없는 사진 카드.
• hero 텍스트가 많은 소개 블록 뒤에 그리드 또는 단일 큰 이미지가 따릅니다.

09

보이스와 금지 목록

• 톤 정제되고, 조용하며, 자신감 있는.
• 헤드라인 선언적. 종종 제품 이름과 재료를 명시합니다.
• CTA 미묘함. 괄호를 사용하여 '보기' 또는 '정보'와 같은 간단한 작업을 프레이밍합니다.

• 어두운 배경을 사용하지 마세요 — 스크린샷은 깨끗한 흰색 배경을 보여줍니다.
• sans-serif 타이포그래피를 사용하지 마세요 — 스크린샷은 뚜렷한 전환형 세리프를 보여줍니다.
• 밝은 강조 색상을 사용하지 마세요 — 스크린샷은 단색 갈색 잉크 팔레트를 사용합니다.
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 플랫한 표면 처리를 보여줍니다.
• 복잡한 다중 열 그리드를 사용하지 마세요 — 스크린샷은 단순하고 중앙 정렬된 수직 흐름을 보여줍니다.
• 굵은 글꼴 두께를 사용하지 마세요 — 스크린샷은 모든 텍스트에 걸쳐 400의 균일한 두께를 보여줍니다.
• 피하기: 마케팅 용어
• 피하기: 과도한 행동 촉구
• 피하기: 지나친 장식

10

팩 안의 실제 스크린샷

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

11

System Prompt

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