Mire Studio · 디자인 DNA

대담한 색상과 거대한 타이포그래피를 통해 작업을 선보이는 생동감 넘치고 표현적인 디자인 스튜디오 포트폴리오입니다.

디자인 DNA

oversized, 겹치는 타이포그래피를 가진 대담하고 다채로운 포트폴리오 갤러리입니다.

컬러

#000000Ink

#4F4F4FInk soft

#FFFFFFBG

#4C4C4CMuted

rgba(0, 0, 0, 0)Line

채도가 높고 포화된 팔레트가 큰 기하학적 블록과 겹치는 타이포그래피에 적용됩니다.

타이포그래피

모든 텍스트 요소에 PP Pangram Sans Rounded를 사용합니다. · 디스플레이 로고 타이포그래피는 극단적인 스케일과 겹치는 채우기를 사용합니다. · 본문 텍스트는 작고 둥글며, 색상 블록 위에서 가독성이 높습니다.

여백

4px

8px

16px

24px

32px

48px

64px

96px

둥근 색상 블록 내부에는 넉넉한 padding을, 겹치는 요소 사이에는 타이트한 spacing을 적용합니다.

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

없음; 형태는 단색 블록과 겹치는 타이포그래피로 정의됩니다.

레이아웃

거대한 겹치는 타이포그래피와 둥근 사각형 블록으로 구성된 풀블리드 그리드입니다.

모션과 인터랙션

그리드 블록에 대한 순차적이고 들뜬 전환 효과. · 대형 타이포그래피 요소들의 패럴랙스와 같은 겹치는 효과.

상호작용 요소 위에서 커서가 포인터로 변경되며, 색상이나 스케일 변화가 가능합니다. · 프로젝트 상세 정보로 즉시 이동합니다.

컴포넌트

보이스와 금지 목록

팩 안의 실제 스크린샷

Mire Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

System Prompt

이것은 그래픽 디자인 및 아트 디렉션 스튜디오 Mire의 포트폴리오 사이트입니다. 디자인 DNA는 대담하고 고채도의 색상 블록(노란색, 파란색, 녹색, 분홍색)과 PP Pangram Sans Rounded를 사용한 거대하고 겹치는 로고 타이포그래피 요소로 정의됩니다. 레이아웃은 크고 둥근 사각형 카드로 구성된 풀블리드 그리드입니다. 주요 색상은 #FFFFFF(배경), #4F4F4F(조용한 텍스트), #000000(주요 텍스트)이며, 생동감 있는 블록 색상이 주요 강조색으로 사용됩니다. 타이포그래피는 기하학적 sans이며, 디스플레이 로고 타이포그래피에는 극단적인 스케일로, 네비게이션 및 레이블에는 작은 스케일로 사용됩니다. 핵심 주의사항: 탁한 팔레트를 절대 사용하지 마세요, 작은 디스플레이 텍스트를 절대 사용하지 마세요, 날카로운 모서리를 절대 사용하지 마세요, 복잡한 그림자를 절대 사용하지 마세요, 그리고 경직된 기업 스타일 그리드를 절대 사용하지 마세요.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗