精选 · 开放 · 免费

Gt Maru

一款玩趣、温暖、圆润的字体样本，具有友好的特质。

TypographyPlayfulConsumerWarmCalm

Gt Maru 网站截图

↓ 下载设计系统包 (3 MB)在 OpenDesign 中打开

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

📦 浏览包内文件 →

01

设计气质 DNA

友好玩趣圆润日式影响字体主导

一个温暖、友好且玩趣感十足的字体样本，感觉像一个柔和、圆润的角色。

02

色彩

#FFC800Accent

#000000Ink

#0068FFBG

#B3D9FFBG quiet

#83BBFFMuted

rgba(0,104,255,1.0)Line

高对比度的原色蓝与黄色，搭配玩趣感的粉色点缀和鲜明的黑色轮廓。

03

字体

rounded-sans · rounded-mono

display158px · 400
heading53px · 400
body27px · 400
caption16px · 400

所有字体均使用 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 元素采用微妙的 opacity 和 transform 过渡。

标准指针光标指示可交互性。 · 标准指针交互。

08

组件

button 简单的圆角矩形 (5px radius)，白色背景，黑色文字和黑色边框。
card 白色圆角矩形 (30px radius)，带有粗黑色边框，用于文本内容。
hero 全宽原色蓝背景，配有巨大的、带轮廓的黄色文字和玩趣风格的角色插图。

09

文案语气与禁用清单

语气友好、随意且平易近人，呼应圆润的字体风格。
标题风格 巨大、带轮廓且高度富有表现力。
按钮文案 简洁、低调的圆角矩形。

不要使用尖锐的几何无衬线字体——截图显示的是圆润、友好的笔画末端。
不要使用纤细、微妙的边框——截图显示的是粗壮、突出的 2px-3px 黑色轮廓线。
不要使用暗沉或柔和的调色板——截图使用的是充满活力的原色蓝和黄色。
不要创建密集、杂乱的布局——截图展示了充裕的间距和负空间。
不要使用投影营造深度——截图依赖于纯色和粗轮廓线。
不要使用衬线字体——截图仅使用自定义的圆润无衬线字体系列。
避免: 正式或生硬的语言。
避免: 尖锐或攻击性的视觉元素。
避免: 密集或杂乱的布局。
避免: 衬线或几何无衬线字体。
避免: 柔和或过于暗淡的调色板。

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

设计一个玩趣、温暖、友好的界面，灵感来自 GT Maru 字体样本。使用充满活力的原色蓝 (#0068FF) 背景，搭配亮黄 (#FFC800) 作为点缀。字体应完全采用圆润的无衬线字体，带有粗黑色轮廓和充裕的字距。布局必须开放、宽敞，具有显著的负空间。关键禁忌：避免尖锐的几何无衬线字体、纤细或微妙的边框、暗沉或柔和的调色板、密集的布局、投影以及衬线字体。整体感觉应随意、平易近人且视觉上柔和，就像一个友好的角色。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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