精選 · 開放 · 免費

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

display48px · 600
body16px · 300

為大寫的微型文字與標籤使用寬鬆的字間距。

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

採用慷慨的垂直間距與大區塊的 padding。

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

組件

button 基於文字的導覽連結，hover 或 active 狀態時帶有簡單底線。
card 用於作品集網格的全版面色塊。
hero 大型手繪排版標誌，置中於柔和背景之上。

09

文案語氣與禁用清單

語氣隨性、友善且具邀請感。
標題風格 手繪且具表現力。
按鈕文案 隨性且對話式。

不要使用複雜的漸層——截圖顯示的是平面、純色的色塊。
不要使用厚重的陰影——截圖顯示的是完全平面的設計。
不要使用襯線字體——截圖中所有文字都使用乾淨的無襯線字體。
不要使用刺眼的深色背景——截圖使用的是像 #FFD7CE 這樣的柔和粉彩色。
不要過度擁擠佈局——截圖顯示了充足的留白。
不要使用生硬、方正的邊框——截圖依賴純色與線條藝術。
避免: 正式語言
避免: 冗長的段落
避免: 強勢的行動呼籲

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 純色區塊網格。關鍵禁忌：避免複雜的漸層或紋理，不要使用襯線字體，也不要添加厚重的陰影。語氣保持隨性、友善且具邀請感。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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