큐레이션 · 오픈 · 무료

Guste

대담한 라인 아트와 큐레이션된 아트 컬렉션을 강조하는 그래픽 디자인 및 일러스트레이션 서비스를 위한 스튜디오 포트폴리오입니다.

01

디자인 DNA

대담하고 장난스러우며 일러스트레이션 스타일의 크리에이티브 작업을 선보이는 디지털 캔버스입니다.

02

컬러

상호작용 요소를 위한 뚜렷한 색상의 기능적 팔레트와 함께 사용되는 고대비 흑백입니다.

03

타이포그래피

geometric-sans

• display32px · 400
• body16px · 400

내비게이션과 레이블은 모두 대문자로 표시합니다. · 기하학적 산세리프 폰트 패밀리가 전체적으로 일관되게 사용됩니다. · 대부분의 텍스트 요소에는 가벼운 폰트 두께(400)가 기본으로 사용됩니다.

04

여백

표준 4px 그리드를 사용하며, 섹션 컨테이너에는 넉넉한 64px 패딩이 적용됩니다.

05

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

모든 주요 컨테이너와 섹션을 정의하는 단단한 2px 검은색 테두리입니다.

06

레이아웃

섹션을 구분하는 두드러진 2px 검은색 테두리를 특징으로 하는 격자 기반의 박스형 레이아웃입니다.

07

모션과 인터랙션

호버 상태 및 상호작용 요소를 위한 부드러운 전환 효과입니다.

상호작용 요소에서 포인터 커서가 변경됩니다. · 커서 변경(이미지 확대)을 통한 시각적 피드백을 제공합니다.

08

컴포넌트

• button 기본 작업(연결)을 위한 원형 윤곽선 버튼입니다.
• card 테두리 없이 아트워크 이미지를 격자로 표시합니다.
• chip 선택을 위한 가로형 색상 스와치입니다.
• hero 색상 선택 도구가 포함된 대형 인터랙티브 라인 아트 일러스트레이션입니다.

09

보이스와 금지 목록

• 톤 직설적이고 전문적이며 크리에이티브합니다.
• 헤드라인 타이틀 케이스의 명확하고 묘사적인 문장입니다.
• CTA 행동 지향적이며 대문자로 표시합니다(예: CONNECT, STORE).

• 드롭 섀도우를 사용하지 마세요 — 스크린샷에는 테두리로 정의된 플랫 표면이 나타납니다
• 컨테이너에 둥근 모서리를 사용하지 마세요 — 스크린샷에는 날카롭고 0px 반경의 상자가 나타납니다
• 그라데이션 배경을 사용하지 마세요 — 스크린샷에는 단색의 흰색 또는 밝은 회색이 나타납니다
• 악센트를 위해 세 번째 폰트를 사용하지 마세요 — 스크린샷에는 단일 기하학적 산세리프의 일관된 사용이 나타납니다
• 미세한 1px 테두리를 사용하지 마세요 — 스크린샷에는 두드러진 2px 검은색 테두리가 나타납니다
• 히어로 영역에 다단락 텍스트 블록을 사용하지 마세요 — 스크린샷에는 단일의 큰 제목만 나타납니다
• 피하기: 지나치게 기업적인 전문 용어
• 피하기: 복잡하게 정리된 레이아웃
• 피하기: 강렬하거나 네온색 악센트 컬러

10

팩 안의 실제 스크린샷

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

11

System Prompt

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