큐레이션 · 오픈 · 무료

Minymon

웹사이트 참여도를 높이기 위해 귀엽고 상호작용 가능한 마스코트 캐릭터를 제공하는 장난기 있는 서비스입니다.

01

디자인 DNA

웹사이트를 위한 딎지털 펫 샵

02

컬러

따뜻하고 접근하기 쉬우며, 고대비의 친근한 색상 팔레트입니다.

03

타이포그래피

humanist-sans

• display56px · 700
• h136px · 700
• body18px · 400
• nav13px · 500

네비게이션 링크는 대문자와 넓은 자간을 사용합니다. · 히어로 텍스트는 좁은 음수 자간을 사용합니다. · 이모지는 본문 텍스트에 인라인으로 사용되어 장난기 있는 톤을 줍니다.

04

여백

주요 콘텐츠 블록 사이에 넉넉한 수직 패딩이 있습니다.

05

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

하드 오프셋 드롭 섀도우가 있는 단색 주요 파란색 테두리입니다.

4px 4px 0px 0px rgba(21, 76, 126, 1)

06

레이아웃

최대 너비 컨테이너와 두드러진 부유 마스코트가 있는 중앙 정렬 단일 컬럼 레이아웃입니다.

07

모션과 인터랙션

인터랙티브 요소에 부드러운 트랜지션.

인터랙티브 요소에서 커서가 포인터로 변경됨. · 표준 버튼 누르기 동작.

08

컴포넌트

• button 하드 오프셋 드롭 섀도우가 있는 단색 테두리; 장난기 있고 둥근 모서리.
• card 명확히 정의되지 않음; 캐릭터는 단순한 부유 행으로 제시됨.
• chip 명확히 정의되지 않음.
• input 명확히 정의되지 않음.
• hero 큰 장식적 웨이브 디바이더가 있는 중앙 정렬 텍스트 히어로.

09

보이스와 금지 목록

• 톤 친근하고 매력적이며 약간 엉뚱한 느낌.
• 헤드라인 직설적이고 대화형이며, 이모지를 사용함.
• CTA 행동 지향적이고 격려하는 느낌.

• 건조한 흰색 배경을 사용하지 마세요 — 스크린샷은 따뜻한 크리미한 베이지(#F9F2EA)를 보여줍니다.
• 날카롭고 기계적인 드롭 섀도우를 사용하지 마세요 — 스크린샷은 장난기 있는 하드 오프셋 섀도우를 보여줍니다.
• 하이테크 다크 UI를 사용하지 마세요 — 스크린샷은 밝고 파스텔 친화적이며 접근하기 쉬운 팔레트를 사용합니다.
• 복잡한 다중 컬럼 그리드를 사용하지 마세요 — 스크린샷은 단순하고 중앙 정렬된 단일 컬럼 레이아웃을 보여줍니다.
• 공격적인 네온 포인트 색상을 사용하지 마세요 — 스크린샷은 소프트하고 따뜻한 코랄/살몬 포인트(#F16849)를 사용합니다.
• 엄격하게 전문적인 세리프 강조 타이포그래피를 사용하지 마세요 — 스크린샷은 둥글고 휴머니스트 산세리프 폰트를 사용합니다.
• 피하기: 기업 용어
• 피하기: 복잡한 기술 용어
• 피하기: 공격적인 영업 언어
• 피하기: 형식적이거나 딱딱한 톤

10

팩 안의 실제 스크린샷

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

11

System Prompt

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