큐레이션 · 오픈 · 무료

Jonasmosesson Se

일러스트레이터와 애니메이터를 위한 장난기 넘치고 미니멀한 포트폴리오입니다.

PlayfulGalleryCleanCalmPortfolio
Jonasmosesson Se 스크린샷
↓ 디자인 시스템 다운로드 (42 MB)OpenDesign 에서 열기

원본 사이트: https://jonasmosesson.se

📦 팩 내용 보기 →

01

디자인 DNA

장난기 있는손그림 스타일친근한기발한미니멀리스틱

살아있는 스케치북

02

컬러

#0057FFInk
#FFD7CEBG
rgba(0,87,255,1)Line

부드러운 따뜻한 배경과 선명한 블루 강조색을 사용한 두 톤 고대비 팔레트입니다.

03

타이포그래피

humanist-sans

대문자 미세 텍스트와 라벨에는 넓은 자간을 적용합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

여유로운 수직 간격과 넉넉한 패딩 블록을 사용합니다.

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

테두리를 사용하지 않으며, 단색 블록에 의존합니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

전체 폭 히어로 섹션 뒤에 대칭적인 2x2 단색 블록 그리드가 이어집니다.

07

모션과 인터랙션

250msmicro
400mssmall
800msmedium
cubic-bezier(0.25,0.1,0.25,1)easing

hover 시 부드러운 색상 전환과 투명도 페이드 효과를 적용합니다.

미세한 투명도 변화와 색상 변화 효과입니다. · 표준 링크 동작을 따릅니다.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Jonasmosesson Se — 桌面首屏（hero）
桌面首屏（hero）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Jonasmosesson Se — 移动首屏
移动首屏

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

11

System Prompt

일러스트레이터와 애니메이터를 위한 장난기 넘치고 미니멀한 포트폴리오 사이트입니다. 부드러운 따뜻한 피치(#FFD7CE) 배경과 선명한 블루(#0057FF) 강조색을 특징으로 하는 간단한 두 톤 색상 팔레트에 의존합니다. 타이포그래피는 표현력 있는 손그림 요소가 포함된 가벼운 휴머니스트 산세리프입니다. 레이아웃은 여유로우며, 텍스트용 중앙 정렬 컨테이너와 포트폴리오용 전체 폭 2x2 단색 블록 그리드를 사용합니다. 핵심 주의사항: 복잡한 그라데이션이나 텍스처를 피하고, 세리프 글꼴을 사용하지 않으며, 무거운 드롭 섀도우를 추가하지 마세요. 톤은 캐주얼하고 친근하며 초대하는 느낌으로 유지합니다.

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

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

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

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