큐레이션 · 오픈 · 무료

Aikawakenichi

대형 원형 인물 요소를 중심으로 하는 미니멀리즘 편집 포트폴리오.

01

디자인 DNA

갤러리 전시 카탈로그

02

컬러

따뜻하고 차분한 틴트가 포함된 고대비 흑백.

03

타이포그래피

transitional-serif · grotesque-sans

• display261px · 400
• body16px · 400

메인 디스플레이 텍스트에는 클래식한 트랜지션 세리프 사용 · 본문 및 UI 요소에는 깔끔한 네오그로테스크 산세리프 사용 · 메인 디스플레이 텍스트는 반드시 보통 두께(400)로 설정

04

여백

넉넉한 여백

05

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

1px solid rgb(0, 0, 0)

rgba(0,0,0,0.12) 0px 6px 12px 0px · inset 0px 1px 0px 0px rgba(255,255,255,0.36)

06

레이아웃

중심 원형 구성

07

모션과 인터랙션

매끄러운 트랜스폼 및 변환 전환

원형 요소에 대한 미묘한 트랜스폼 또는 드러남 · 포인터 커서가 인터랙티브 핫스팟을 나타냄

08

컴포넌트

• button 미니멀하며, 포인터 커서를 사용하는 약간의 둥근 형태 또는 테두리 없는 스타일
• card 이미지 또는 텍스트를 포함하는 대형 원형 요소
• chip 보이지 않음
• input 보이지 않음
• hero 지배적인 원형 프레임을 특징으로 하는 중앙 정렬 전체 화면 레이아웃

09

보이스와 금지 목록

• 톤 정제되고 고요함
• 헤드라인 소문자 또는 타이틀 케이스의 대형 클래식 세리프 타이포그래피
• CTA 미묘하고 통합적

• 화려한 강조 색상을 사용하지 마세요 — 스크린샷은 차분한 따뜻한 틴트가 포함된 엄격한 단색 팔레트를 보여줍니다
• 대형 디스플레이 텍스트에 산세리프를 사용하지 마세요 — 스크린샷은 제목에 트랜지션 세리프를 보여줍니다
• 두꺼운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 미묘하고 복잡한 인셋/아웃셋 섀도우를 보여줍니다
• 다중 칼럼 빽빽한 레이아웃을 사용하지 마세요 — 스크린샷은 매우 중앙 정렬되고 넓은 구성을 보여줍니다
• 디스플레이 텍스트에 볼드 두께를 사용하지 마세요 — 스크린샷은 대형 타이포그래피에 보통 두께(400)를 보여줍니다
• 모든 곳에 날카로운 모서리를 사용하지 마세요 — 스크린샷은 50% (원형) 및 9999px (둥근 형태) 테두리 반경의 두드러진 사용을 보여줍니다
• 피하기: 화려한 색상 강조
• 피하기: 빽빽한 단락
• 피하기: 복잡한 그리드
• 피하기: 두꺼운 테두리
• 피하기: 산세리프 디스플레이 텍스트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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