큐레이션 · 오픈 · 무료

Block

핀테크 및 창작 에코시스템을 위한 프리미엄, 초미니멀리스트 기업 포털입니다.

01

디자인 DNA

금융 및 창작 도구의 조용하고 넓은 라이브러리입니다.

02

컬러

따뜻한 오프화이트 캔버스 위의 거의 검정에 가까운 잉크를 사용하는 극도의 절제입니다.

03

타이포그래피

humanist-sans · monospace

• display30px · 400
• nav12px · 400

모든 내비게이션과 보조 링크는 1px 자간의 대문자로 사용합니다. · 히어로 텍스트는 표준 400 웨이트를 사용하며, 볼드 처리하지 않습니다. · 본문 텍스트는 기본 16px 크기에 타이트한 16.8px 행간을 사용합니다.

04

여백

컨테이너 격리를 위한 100px의 넓은 수평 패딩을 포함한 유연한 간격입니다.

05

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

구조적 분리를 위해 최소한으로 사용하는 1px 실선 검정 테두리입니다.

06

레이아웃

히어로를 위한 고도로 대칭적이고 중앙 정렬된 단일 열 레이아웃입니다.

07

모션과 인터랙션

히어로 요소들의 단계적 표시를 위한 불투명도 페이드 인

내비게이션 링크에 대한 단순한 불투명도 전환입니다. · 표준 포인터 커서 상호작용입니다.

08

컴포넌트

• button 눈에 띄는 컨테이너 없이 순수 텍스트 기반의 내비게이션 링크입니다.
• card 눈에 띄는 카드가 없으며, 레이아웃은 플랫하고 끝에서 끝까지 또는 중앙 정렬된 텍스트에 의존합니다.
• chip 존재하지 않습니다.
• input 히어로에 눈에 띄는 입력 필드가 없습니다.
• hero 단일이고 임팩트 있는 문장 위에 중앙 정렬된 3x3 기하학적 격자 로고입니다.

09

보이스와 금지 목록

• 톤 자신감 있고, 전문적이며, 절제된 어조입니다.
• 헤드라인 소문자로, 단정하며, 넓게 펼쳐지는 스타일입니다.
• CTA 기능적이고 정보적인 스타일입니다.

• 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 플랫한 표면을 보여줍니다.
• 히어로 헤드라인에 대문자를 사용하지 마세요 — 스크린샷은 소문자 텍스트를 보여줍니다.
• 밝은 강조색을 사용하지 마세요 — 스크린샷은 엄격한 검정과 오프화이트 팔레트를 보여줍니다.
• 볼드 글꼴 웨이트를 사용하지 마세요 — 스크린샷은 모든 텍스트에 걸쳐 균일한 400 웨이트를 보여줍니다.
• 둥근 컨테이너를 사용하지 마세요 — 스크린샷은 엄격한 기하학적 정사각형 형태를 보여줍니다.
• 장식용 그래디언트를 사용하지 마세요 — 스크린샷은 단색이고 플랫한 채우기를 보여줍니다.
• 피하기: 과도한 구두점
• 피하기: 지나치게 눈에 띄는 CTA 버튼
• 피하기: 마케팅 용어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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