큐레이션 · 오픈 · 무료

Coricorinne

강력한 타이포그래피 선택과 순수한 사진을 강조하는 미니멀 개인 포트폴리오.

01

디자인 DNA

세련된 타이포그래피 포스터

02

컬러

고대비 중립 팔레트

03

타이포그래피

didone-serif · humanist-sans

• display120px · 400
• heading30px · 400
• body18px · 400

고급 패션 에디토리얼 느낌을 위해 기본 디스플레이 텍스트에 디도네 세리프를 사용합니다. · 높은 가독성을 위해 탐색 및 기능성 텍스트에 휴머니스트 산스를 사용합니다. · 크기 디스플레이 타입에는 타이트한 자간을 유지합니다.

04

여백

타이포그래피를 강조하기 위한 넉넉한 여백의 느슨한 수직 리듬

05

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

보이는 테두리 없음, 구분을 위해 오직 여백과 타이포그래피에 의존

06

레이아웃

최소한의 패딩을 사용하는 전체 너비 이미지 그리드

07

모션과 인터랙션

로드 시 페이드인 및 슬라이드업 · 부드러운 배경색 전환

링크의 배경색 전환 · 포인터 커서를 통한 즉각적인 피드백

08

컴포넌트

• button 커서 포인터를 사용하는 미니멀 텍스트 링크
• card 엣지투엣지 포토그래피 패널
• hero 전체 너비 배경색을 사용한 거대한 타이포그래피 디스플레이

09

보이스와 금지 목록

• 톤 전문적, 미니멀, 예술적
• 헤드라인 고대비 세리프, 거대한 스케일, 타이트한 트래킹
• CTA 미묘한 텍스트 링크, 버튼 없음

• 둥근 모서리를 사용하지 마세요 — 스크린샷은 모든 요소에 완전히 날카롭고 사각형 모서리를 보여줍니다.
• 드롭 섀도우를 추가하지 마세요 — 스크린샷은 깊이 효과가 전혀 없는 완전히 평평한 표면을 보여줍니다.
• 다채로운 강조색을 사용하지 마세요 — 스크린샷은 엄격한 중립 블랙/그레이/크림 팔레트에만 의존합니다.
• 헤드라인에 산스를 사용하지 마세요 — 스크린샷은 기본 디스플레이 텍스트에 고대비 디도네 세리프를 사용합니다.
• 레이이웃을 과도하게 채우지 마세요 — 스크린샷은 막대한 양의 여백과 큰 타이포그래피를 보여줍니다.
• 바쁜 배경 패턴을 사용하지 마세요 — 스크린샷은 단색, 평평한 배경색을 보여줍니다.
• 피하기: 혼잡함
• 피하기: 장식적 요소
• 피하기: 밝은 강조색

10

팩 안의 실제 스크린샷

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

11

System Prompt

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