큐레이션 · 오픈 · 무료

Sick Agency

대담하고 타이포그래피 중심의 비주얼 아이덴티티를 특징으로 하는 완전한 제품 패키징을 전문으로 하는 표현적 디지털 디자인 에이전시.

01

디자인 DNA

활기찬, 스트리트 아트에서 영감을 받은 디지털 매거진.

02

컬러

프라이머리 오렌지 배경에 대담한 옐로우 타이포그래피와 인터랙티브 요소를 위한 강렬한 블루 악센트를 사용하는 고대비, 에너제틱 팔레트.

03

타이포그래피

condensed-grotesque · transitional-serif

• display200px · 900
• display-sm160px · 900
• body24px · 400

디스플레이 타입에 대문자 사용 · 콘덴스드 그로테스크 디스플레이 폰트를 위해 타이트한 자간 유지 · 대비를 제공하기 위해 본문에 트랜지셔널 세리프 사용

04

여백

엄격한 그리드보다는 밀도 높은 타이포그래피 레이아웃에 의해 결정되는 비대칭적이고 타이트한 리듬.

05

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

레이아웃 블록을 나누기 위해 배경색(#FFC700)의 솔리드 1px 라인 사용.

06

레이아웃

강한 수직 및 수평 분할 라인이 있는 비대칭적, 밀도 높은 블록 기반 레이아웃.

07

모션과 인터랙션

인터랙티브 요소에 바운스 스프링 트랜지션 · 부드러운 불투명도 페이드 인

바운스 이징 곡선을 사용한 미묘한 스케일 또는 색상 트랜지션. · 즉각적인 피드백을 제공하는 표준 포인터 인터랙션.

08

컴포넌트

• button 화이트 텍스트와 점선 테두리가 있는 원형, 블루 뱃지.
• card 그림자나 배경색보다는 테두리 라인으로 정의된 타이포그래피 블록.
• chip 소셜 아이콘을 위한 별 모양 컨테이너.
• hero 겹치는 요소와 수직 텍스트가 있는 풀 와이드, 밀도 높은 타이포그래피 구성.

09

보이스와 금지 목록

• 톤 대담하고 자신감 있으며, 약간 거침없는.
• 헤드라인 짧고 강렬하며, 종종 대문자로 작성됨.
• CTA 직설적이고 명령적인 (예: 'TEXT US').

• 얇은 폰트를 사용하지 마세요 — 스크린샷은 극도로 대담하고 묵직한 웨이트를 보여줍니다.
• 넓은 자간을 사용하지 마세요 — 스크린샷은 디스플레이 타입의 타이트한 트래킹을 보여줍니다.
• 음소되고 채도가 낮은 색상을 사용하지 마세요 — 스크린샷은 매우 활기찬 오렌지와 옐로우를 보여줍니다.
• 프라이머리 버튼에 둥근 사각형을 사용하지 마세요 — 스크린샷은 원형, 점선 뱃지 버튼을 보여줍니다.
• 넓은 여백을 사용하지 마세요 — 스크린샷은 밀도 높고 촘촘하게 배치된 레이아웃을 보여줍니다.
• 본문에 산세리프를 사용하지 마세요 — 스크린샷은 단락에 트랜지셔널 세리프 폰트를 보여줍니다.
• 피하기: 미묘함
• 피하기: 음소된 톤
• 피하기: 표준적인 기업용 어투

10

팩 안의 실제 스크린샷

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

11

System Prompt

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