큐레이션 · 오픈 · 무료

Antoniouve

화려한 노란색 계열, 굵은 검은색 타이포그래피, 그리고 산발적으로 배치된 기발한 그래픽 요소로 정의되는 장난스러운 일러스트레이션 및 애니메이션 포트폴리오입니다.

01

디자인 DNA

페이지 밖으로 뛰쳐나와 춤추기 시작한 스케치북과 같습니다.

02

컬러

최대의 임팩트와 장난스러운 에너지를 위해 고채도의 웜 올ELLOW 배경에 선명한 검은색 타이포그래피를 사용합니다.

03

타이포그래피

geometric-sans

• display123px · 500
• h134px · 400
• body26px · 400
• small9px · 400

모든 텍스트에 기하학적 sans-serif 사용 · 디스플레이 텍스트는 타이트한 line-height 유지

04

여백

주요 인터랙티브 요소에 넉넉한 padding을 사용하는 유연한 간격입니다.

05

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

1px solid black

06

레이아웃

산발적으로 배치된 절대 위치 그래픽 요소가 있는 전체 폭 히어로 캔버스.

07

모션과 인터랙션

부유하는 요소를 위한 부드러운 탄력적 전환 · Transform 및 opacity 페이드

인터랙티브 요소에서의 부드러운 transform 및 transition. · 표준 인터랙션 피드백.

08

컴포넌트

• button 둥근 알약 모양의 버튼으로 검은색 테두리와 24px padding을 적용합니다.
• card 둥근 컨테이너이나, 주요 비주얼은 산발적인 부유 요소입니다.
• hero 단색 노란색 배경 위에서 추상적인 애니메이션 도형과 겹치는 거대한 123px 제목.

09

보이스와 금지 목록

• 톤 장난기 있고, 비공식적이며, 자신감 있는 톤.
• 헤드라인 굵은, 소문자 또는 혼합 대소문자, 그리고 매우 표현적인 스타일.
• CTA 단순하고, 초대하는 듯한, 둥근 스타일.

• 흰색 배경을 사용하지 마세요 — 스크린샷에서는 지배적인 노란색이 나타납니다
• 세리프 폰트를 사용하지 마세요 — 스크린샷에서는 기하학적 sans-serif 텍스트가 나타납니다
• 미니멀하게 하지 마세요 — 스크린샷에서는 산발적이고 다채로운 도형으로 가득 찬 캔버스가 나타납니다
• 미묘한 파스텔색을 사용하지 마세요 — 스크린샷에서는 채도 높은 노란색, 오렌지색, 분홍색 포인트가 나타납니다
• 날카로운 코너를 사용하지 마세요 — 스크린샷에서는 둥근 및 알약 모양 요소가 나타납니다
• 엄격한 정렬을 사용하지 마세요 — 스크린샷에서는 산발적이고 겹치는 그래픽 요소가 나타납니다
• 피하기: 기업체 언어
• 피하기: 엄격한 그리드
• 피하기: 지루한 색상

10

팩 안의 실제 스크린샷

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

11

System Prompt

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