精選 · 開放 · 免費

Gt Maru

一個 playful、溫暖且圓潤的字體樣本，帶有友善的特性。

TypographyPlayfulConsumerWarmCalm
Gt Maru 網站截圖
↓ 下載設計系統包 (3 MB)在 OpenDesign 中開啟

原站: https://gt-maru.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

友善playful圓潤受日式影響排版

一個溫暖、友善且 playful 的字體樣本，感覺像一個柔軟、圓潤的角色。

02

色彩

#FFC800Accent
#000000Ink
#0068FFBG
#B3D9FFBG quiet
#83BBFFMuted
rgba(0,104,255,1.0)Line

高對比的主要藍色和黃色，搭配 playful 的粉紅色點綴和鮮明的黑色外框。

03

字型

rounded-sans · rounded-mono

所有排版均使用 GT Maru 字體家族，其特點是圓潤的末端和友善、隨意的風格。 · 大型顯示文字的字距為負值，以保持緊密、連貫的單詞形狀。 · 正文文字的行高較為寬鬆（約 1.15-1.2），以確保可讀性。

04

間距

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

寬敞且有機，內容區塊周圍有充裕的 padding（30px）。

05

表面 (圓角 / 陰影 / 邊線)

sm · 5px
md · 10px
lg · 30px
pill · 999px

粗黑色外框（2px-3px）作為主要設計元素，用於定義形狀和文字。

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

寬敞、開放的佈局，帶有大量的負空間，讓排版得以呼吸。

07

動效與互動

100msmicro
250mssmall
400msmedium
cubic-bezier(1, 0, 1, 1)easing

用於佈局變化的流暢 margin-top 轉場。 · 用於 UI 元素的細微透明度與 transform 轉場。

標準的指標游標表示可互動性。 · 標準的指標互動。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

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

擷取自真實頁面 · 真 computed styles

11

System Prompt

設計一個 playful、溫暖且友善的介面，靈感來自 GT Maru 字體樣本。使用充滿活力的藍色 (#0068FF) 背景，搭配明亮的黃色 (#FFC800) 作為點綴。排版應專門使用圓潤的無襯線字體，帶有粗黑色外框和寬鬆的字距。佈局必須開放且寬敞，並帶有大量的負空間。嚴禁事項：避免尖銳、幾何的無襯線字體、細微或微妙的邊框、深色或柔和的色彩方案、密集的佈局、陰影以及襯線字體。整體感受應是隨意、平易近人且視覺上柔軟的，就像一個友善的角色。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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