CURATED · OPEN · FREE

Gt Maru

A playful, warm, and rounded typeface specimen with a friendly character.

TypographyPlayfulConsumerWarmCalm
Gt Maru screenshot
↓ Download design system (3 MB)Open in OpenDesign

Visit: https://gt-maru.com

📦 Browse pack contents →

01

Identity DNA

friendlyplayfulroundedJapanese-influencedtypographic

A warm, friendly, and playful type specimen that feels like a soft, rounded character.

02

Color

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

High-contrast primary blue and yellow with playful pink accents and stark black outlines.

03

Typography

rounded-sans · rounded-mono

All typography is set in the GT Maru family, characterized by rounded terminals and a friendly, casual tone. · Letter spacing is negative for large display text to maintain tight, cohesive word shapes. · Line height for body text is generous (around 1.15-1.2) to ensure readability.

04

Spacing

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

Spacious and organic, with generous padding (30px) around content blocks.

05

Surfaces

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

Thick black outlines (2px-3px) used as a primary design element to define shapes and text.

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Generous, open layout with significant negative space to let the typography breathe.

07

Motion & Interaction

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

Smooth margin-top transitions for layout shifts. · Subtle opacity and transform transitions for UI elements.

Standard pointer cursor indicates interactivity. · Standard pointer interaction.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

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 — 移动首屏
移动首屏

Captured from the live site · real computed styles

11

System prompt

Design a playful, warm, and friendly interface inspired by the GT Maru type specimen. Use a vibrant primary blue (#0068FF) background with bright yellow (#FFC800) for accents. Typography should be exclusively rounded sans-serif with thick black outlines and generous letter spacing. Layouts must be open and spacious with significant negative space. Critical donts: avoid sharp, geometric sans-serif fonts, thin or subtle borders, dark or muted color palettes, dense layouts, drop shadows, and serif typefaces. The overall feel should be casual, approachable, and visually soft, like a friendly character.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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