큐레이션 · 오픈 · 무료

Fictional Typeface

개성 있는 기하학적 타입faces을 위한 시끄럽고 만화책 스타일의 타입faces 샘플입니다.

01

디자인 DNA

살아나는 팝 아트 만화책 페이지

02

컬러

부드러운 복숭아색 배경 위의 높은 채도의 팝 컬러(빨강, 노랑, 초록, 보라)가 장난스럽고 혼란스러우면서도 조화로운 만화책 미학을 만듭니다.

03

타이포그래피

humanist-sans

• display201px · 400
• heading50px · 400
• body21px · 400

04

여백

의도적인 겹침과 흩뿌려진 요소들이 있는 만화책 패널

05

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

최소한 또는 흰색 테두리, 도형에 어두운 외곽선 없음

0px 0px 0px 2px rgb(251, 215, 12)

06

레이아웃

흩뿌려진 비선형 만화 패널 구성

07

모션과 인터랙션

hover 시 통통 튀는 스케일 변형 · 활기찬 만화책 스타일 애니메이션

탄성 있는 easing와 함께 통통 튀는 스케일 변형 (1.1-1.2) · 약간 작아진 스케일의 눌림 상태

08

컴포넌트

• button 굵은 배경 색상의 둥근 알약 모양 버튼, 자주 회전됨
• card 만화책 말풍선과 스타버스트 형태
• chip 단색 배경의 회전된 라벨
• hero 겹치는 만화 요소들의 크고 혼란스러운 배열

09

보이스와 금지 목록

• 톤 시끄럽고 열정적이고 장난스러운
• 헤드라인 모두 대문자, 굵게, 자주 각도가 회전됨
• CTA 행동을 유도하며 만화 스타일의 시각적 강조가 있는

• 채도가 낮은 팔레트를 사용하지 마세요 — 스크린샷은 높은 채도의 팝 컬러를 보여줍니다
• 요소를 엄격한 그리드에 맞추지 마세요 — 스크린샷은 의도적으로 흩뿌려진 요소를 보여줍니다
• 은은한 그림자를 사용하지 마세요 — 스크린샷은 드롭 그림자가 없는 평면적인 색상 도형을 보여줍니다
• 텍스트를 수평으로 유지하지 마세요 — 스크린샷은 회전된 텍스트 요소들이 여러 개 있음을 보여줍니다
• 세리프 폰트를 사용하지 마세요 — 스크린샷은 모든 곳에 humanist sans-serif를 보여줍니다
• 일관된 간격을 유지하지 마세요 — 스크린샷은 다양한 간격으로 겹쳐진 요소를 보여줍니다
• 피하기: 기업적
• 피하기: 격식 있는
• 피하기: 은은한
• 피하기: 미니멀리스트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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