큐레이션 · 오픈 · 무료

Foundation

절제된 모노크롬 디자인과 타이포그래피 중심의 진정성 있는 종료 공지입니다.

01

디자인 DNA

솔직한 공개 서한.

02

컬러

최소한의, 절제된 양의 단일 따뜻한 악센트가 사용된 높은 대비의 모노크롬 팔레트입니다.

03

타이포그래피

humanist-sans

• display56px · 700
• body20px · 400
• caption11px · 400

날짜와 푸터 텍스트 같은 작은 라벨에는 대문자로 넓은 자간을 적용합니다. · 눈에 띄는 전시용 헤드라인에는 좁은 자간과 무거운 두께를 적용합니다. · 여유로운 문단 간격으로 차분한 읽기 리듬을 유지합니다.

04

여백

텍스트를 강조하기 위한 여유로운 여백이 적용된 일관된 수직 리듬입니다.

05

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

반투명한 흰색 또는 밝은 회색을 사용한 미세한 1px 테두리입니다.

inset 0 0 2px 0 rgba(0, 0, 0, 0.03)

06

레이아웃

가독성을 위해 최적화된, 좁고 중앙 정렬된 단일 열 레이아웃입니다.

07

모션과 인터랙션

인터랙티브 요소에 적용되는 부드럽고 감속하는 전환 효과. · 미세한 불투명도 페이드.

인터랙티브 요소에 대한 미세한 배경색 변화. · 활성 상태에서의 부드러운 전환.

08

컴포넌트

• button 미세한 테두리가 있는 미니멀한 알약 형태의 버튼입니다.
• card 최소한의 패딩으로 둘러싸인 컨테이너로, 임베디드된 소셜 게시물에 사용됩니다.
• hero 중앙 정렬된 대형 헤드라인과 작은 날짜만 포함하는, 깔끔한 풀폭 히어로입니다.

09

보이스와 금지 목록

• 톤 진심 어리고, 직접적이며, 투명합니다.
• 헤드라인 간결하고, 임팩트 있으며, 선언적입니다.
• CTA 미세하고 거슬리지 않으며, 주로 메인 메시지보다는 부차적인 역할을 합니다.

• 복잡한 레이아웃을 사용하지 마세요 — 스크린샷은 단일 열, 매우 집중된 읽기 레이아웃을 보여줍니다.
• 다양한 색상을 사용하지 마세요 — 스크린샷은 엄격하게 모노크롬인 팔레트와 악센트 하나를 보여줍니다.
• 세리프나 장식적인 폰트를 사용하지 마세요 — 스크린샷은 깨끗하고 중립적인 휴머니스트 산세리프를 보여줍니다.
• 밀도 높고 조밀한 간격을 사용하지 마세요 — 스크린샷은 문단 간 여유로운 여백을 보여줍니다.
• 무거운 테두리나 그림자를 사용하지 마세요 — 스크린샷은 매우 미세하고 반투명한 테두리만 보여줍니다.
• 모든 본문 텍스트를 중앙 정렬하지 마세요 — 스크린샷은 중앙 정렬된 컨테이너 내에서 왼쪽 정렬된 본문 텍스트를 보여줍니다.
• 피하기: 마케팅 용어
• 피하기: 지나치게 밝거나 채도 높은 색상
• 피하기: 밀도 높고 복잡한 레이아웃

10

팩 안의 실제 스크린샷

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

11

System Prompt

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