큐레이션 · 오픈 · 무료

Taiki Murayama

대형 타이포그래피, 고대비 이미지, 최소한의 UI 장식을 강조하여 작업을 선보이는 대담하고 편집적인 디자인 포트폴리오입니다.

01

디자인 DNA

대담한 타이포그래피와 절제된 우아함으로 프레젠테이션된 디자이너의 작품을 큐레이팅한 갤러리입니다.

02

컬러

밝은 중립 배경을 사용하여 작업 이미지가 돋보이게 하는, 단 하나의 선명한 포인트를 가진 고대비 단색 팔레트입니다.

03

타이포그래피

geometric-sans · humanist-sans · monospace

• display110px · 400
• heading54px · 400
• subhead34px · 400
• body28px · 400
• caption16px · 400

04

여백

넓은 padding과 간격으로 개방적이고 숨 쉬는 레이아웃을 만드는 느슨한 편집 리듬입니다.

05

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

콘텐츠 섹션 간의 주요 구분선으로 거의 검정색의 얇은 단색 라인을 사용합니다.

06

레이아웃

겹쳐지는 이미지와 기존 열 구조를打破하는 대형 텍스트 블록을 사용하는 비대칭적이고 편집적인 그리드입니다.

07

모션과 인터랙션

인터랙티브 요소의 부드러운 확대 및 불투명도 전환 · 이미지 클러스터의 parallax와 같은 움직임

호버 시 요소가 약간 확대됩니다. · 모든 인터랙티브 요소에 표준 포인터 커서를 사용합니다.

08

컴포넌트

• button 선명한 녹색 배경 블록으로 강조된 단일 활성 항목을 가진 최소한의 텍스트 기반 내비게이션입니다.
• card 엄격한 컨테이너 없이 느슨하게 겹쳐진 클러스터로 표시되며 배경 위에 떠 있는 이미지입니다.
• chip 존재하지 않습니다.
• input 존재하지 않습니다.
• hero 크고 겹쳐지는 사진 및 대담하고 과장된 타이포그래피를 특징으로 하는 역동적이고 콜라주 스타일의 구성입니다.

09

보이스와 금지 목록

• 톤 자신감 있고, 전문적이며, 예술적으로 대담합니다.
• 헤드라인 자간이 좁은 기하학적 고딕체의 초대형 이름과 제목입니다.
• CTA 전통적인 버튼 모양보다는 텍스트와 단일 별표 아이콘에 의존하는 최소한의 스타일입니다.

• 드롭 섀도우를 사용하지 마십시오 — 스크린샷은 깔끔한 가장자리의 플랫 이미지를 보여줍니다.
• 이미지를 위한 카드 컨테이너를 사용하지 마십시오 — 스크린샷은 이미지가 자유롭게 떠 있고 겹쳐지는 것을 보여줍니다.
• 강조를 위해 여러 글꼴 두께를 사용하지 마십시오 — 스크린샷은 거의 전적으로 두께 400을 사용하며, 계층 구조를 위해 크기에 의존합니다.
• 헤드라인을 중앙 정렬하지 마십시오 — 스크린샷은 왼쪽 정렬 또는 비대칭적으로 배치된 텍스트를 보여줍니다.
• 여러 악센트 색상을 사용하지 마십시오 — 스크린샷은 단 하나의 선명한 녹색 강조만을 보여줍니다.
• 밀집된 단락 텍스트를 사용하지 마십시오 — 스크린샷은 짧고 인상적인 진술과 목록을 보여줍니다.
• 피하기: 장식적인 솜씨나 필기체 피하십시오
• 피하기: 여러 악센트 색상 피하십시오
• 피하기: 밀집된 텍스트 블록이나 복잡한 레이아웃 피하십시오
• 피하기: 카드나 모달과 같은 표준 UI 컴포넌트 패턴 피하십시오
• 피하기: 바쁜 배경이나 그라디언트 피하십시오
• 피하기: 깊이감을 위해 드롭 섀도우 사용 피하십시오

10

팩 안의 실제 스크린샷

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

11

System Prompt

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