큐레이션 · 오픈 · 무료

Mad Ac

굵은 타이포그래피와 실험적 아이콘에 의해 이끄는 고대비, 표현적 창의 스튜디오 정체성입니다.

01

디자인 DNA

대담한 예술적 표현과 구조화된 시스템적 사고를 결합하는 전위적 디자인 스튜디오입니다.

02

컬러

엄격하게 절제된 비색상 팔레트로, 오직 고대비 잉크와 여백에만 의존하여 집중을 유도합니다.

03

타이포그래피

humanist-sans · monospaced

• display56px · 560
• headline32px · 500
• body14px · 500

본문 및 내비게이션 텍스트에 타이트한 자간(-0.32px) 사용 · 주요 텍스트 계층을 위해 균일한 굵기(500) 유지 · 밀도 높은 타이포그래피 무게를 균형 잡기 위해 넉넉한 수직 간격 확보

04

여백

느슨하고 넉넉한 리듬으로, 카드 내부 패딩은 타이트하게 유지하면서도 큰 그래픽 요소에 숨을 쉬게 합니다.

05

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

1px solid rgba(17, 19, 19, 0.1)

06

레이아웃

주요 내비게이션을 위한 미니멀리스트, 중앙 정렬 레이아웃이며, 콘텐츠를 위한 스택형 카드 기반 시스템으로 전환됩니다.

07

모션과 인터랙션

인터랙티브 요소를 위한 미묘한 색상 및 불투명도 전환 · 표현적 그래픽 드러내기를 위한 clip-path 전환 · 오버레이 요소를 위한 부드러운 backdrop-filter 변화

미묘한 불투명도 또는 색상 변화로, 일반적으로 0.15초 전환입니다. · 최소한의 시각적 피드백으로 즉각적인 반응입니다.

08

컴포넌트

• button 미니멀한 텍스트 링크로, 종종 대문자이며 미묘한 hover 상태 변화를 보입니다.
• card 밝은 테두리, 16px 패딩, 그리고 8px의 작은 border-radius를 가진 고대비 컨테이너입니다.
• chip 미묘한 배경이나 테두리를 가진 작고 대문자의 텍스트 태그입니다.
• input 깨끗한 테두리와 무거운 배경 없는 미니멀리스트 텍스트 입력입니다.
• hero 굵고 타이트한 자간의 타이포그래피와 결합된 거대하고 표현적인 그래픽 요소입니다.

09

보이스와 금지 목록

• 톤 자신감 있고 진보적이며, 약간 자극적인 톤입니다.
• 헤드라인 굵고 직접적이며 매우 표현적이고, 내비게이션에는 종종 모든 대문자를 사용합니다.
• CTA 미묘하고 타이포그래피에 통합되어 있으며, 무거운 버튼 스타일을 피합니다.

• 다색 팔레트를 사용하지 마십시오 — 스크린샷은 엄격한 흑백 비색상 체계를 보여줍니다.
• 무거운 드롭 섀도우를 사용하지 마십시오 — 스크린샷은 깨끗한 테두리와 여백으로 정의된 요소를 보여줍니다.
• 얇고 섬세한 타이포그래피를 사용하지 마십시오 — 스크린샷은 굵고 무거운 humanist-sans와 타이트한 자간을 보여줍니다.
• 일반적인 아이콘을 사용하지 마십시오 — 스크린샷은 높은 표현력의 맞춤 제작된 유기적 형태를 특징으로 합니다.
• 넓고 느슨한 자간을 사용하지 마십시오 — 스크린샷은 타이트하고 압축된 자간(-0.32px)을 보여줍니다.
• 밀도 높고 지저분한 그리드를 사용하지 마십시오 — 스크린샷은 매우 넉넉하고 중앙 정렬된 미니멀리스트 레이아웃을 보여줍니다.
• 피하기: 지저분한 레이아웃이나 과도한 장식 요소를 피하십시오
• 피하기: 저대비 텍스트나 무채색 팔레트를 피하십시오
• 피하기: 일반적이고 기업 친화적인 언어를 피하십시오
• 피하기: 무거운 그림자나 복잡한 그라데이션을 피하십시오
• 피하기: 표준적이고 영감 없는 아이콘 세트를 피하십시오
• 피하기: 숨 쉴 곳 없는 예측 가능한 그리드 중심 레이아웃을 피하십시오

10

팩 안의 실제 스크린샷

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

11

System Prompt

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