큐레이션 · 오픈 · 무료

Look Inc

저널리즘 뿌리를 둔 비전통적 에이전시로 독립적인 크리에이티브 룩을 제공합니다.

01

디자인 DNA

에이전시 포트폴리오를 위한 고급 패션 또는 문화 잡지 레이아웃입니다.

02

컬러

포트폴리오 작품의 사진을 우선시하는 고대비 단색입니다.

03

타이포그래피

transitional-serif · geometric-sans

• display56px · 400
• h238px · 700
• body20px · 400
• caption14px · 400

주요 서사 텍스트에는 저널리즘 느낌을 불러일으키기 위해 트랜지셔널 세리프를 사용합니다. · 케이스 스터디 제목에는 대비를 위해 볼드 기하학산스를 사용합니다. · 세련되고 편집적인 톤을 위해 글꼴 두께는 주로 일반(400)을 유지합니다.

04

여백

넉넉한 수직 패딩이 콘텐츠 블록 사이에 여유로운 편집 리듬을 만듭니다.

05

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

얇고 날카로운 수평선(1px solid rgba(0,0,0,0.85))이 섹션과 그리드 항목을 분리합니다.

06

레이아웃

특집 작품을 위한 비대칭 컬럼 스팬이 있는 그리드 기반 포트폴리오 레이아웃입니다.

07

모션과 인터랙션

인터랙티브 요소에서 부드러운 색상 및 배경 전환. · 프리미엄 느낌을 유지하기 위한 매끄러운 페이지 전환.

표준 포인터 커서; 텍스트 링크에서 섬세한 색상 또는 밑줄 전환. · 상세 케이스 스터디 페이지로 즉시 이동.

08

컴포넌트

• button hover 시 간단한 밑줄이 있는 텍스트 전용 링크입니다.
• card 보이는 컨테이너보다 이미지와 타이포그래피로 정의되는 미니멀리스트 프로젝트 카드입니다.
• chip 보이는 것 없음; 텍스트 계층에 의존합니다.
• input 보이는 것 없음; 순수 포트폴리오 쇼케이스입니다.
• hero 큰 타이포그래피 트리트먼트와 간결한 브랜드 스테이트먼트가 있는 2컬럼 편집 레이아웃입니다.

09

보이스와 금지 목록

• 톤 세련되고 절제되며 권위 있습니다.
• 헤드라인 짧고 강렬하며 종종 스타일리시합니다(예: 반전된 'Look').
• CTA 콘텐츠 탐색에 중점을 둔 미니멀리스트이고 직접적입니다.

• 무거운 드롭 섀도우 또는 흐릿한 배경을 사용하지 마세요 — 스크린샷은 평탄하고 선명한 이미지 프레젠테이션을 보여줍니다.
• 밝고 채워진 네온 강조 색상을 사용하지 마세요 — 스크린샷은 이미지가 색상을 제공하는 엄격한 단색 팔레트를 보여줍니다.
• 버블리하거나 둥근 UI를 사용하지 마세요 — 스크린샷은 날카로운 모서리와 직선의 얇은 구분선을 보여줍니다.
• 장난기 있거나 스크립트 또는 장식적 폰트를 사용하지 마세요 — 스크린샷은 트랜지셔널 세리프와 기하학산스의 명확한 혼합을 보여줍니다.
• 복잡한 다층 그라디언트를 사용하지 마세요 — 스크린샷은 이미지 내의 단색 흰색 배경과 평탄한 색상 블록을 보여줍니다.
• 많은 UI 컨트롤로 인터페이스를 혼잡하게 하지 마세요 — 스크린샷은 미니멀리스트 상단 내비게이션과 콘텐츠에 대한 집중을 보여줍니다.
• 피하기: 화려하거나 네온색 또는 과도하게 채워진 팔레트
• 피하기: 무거운 드롭 섀도우 또는 둥글고 부드러운 UI 요소
• 피하기: 여유 공간이 없는 밀집된 레이아웃
• 피하기: 공격적이고 긴급한 마케팅 카피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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