---
name: Gt Maru
description: "This site is an excellent example of a playful, typographic-driven design that uses a custom font family to create a unique and friendly visual identity."
version: alpha

colors:
  background: "#0068FF"
  primary: "#000000"
  tertiary: "#FFC800"
  neutral: "#83BBFF"
  bg-quiet: "#B3D9FF"
  line: "rgba(0,104,255,1.0)"

typography:
  display:
    fontFamily: rounded-sans
    fontSize: 158px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-9px"
  heading:
    fontFamily: rounded-sans
    fontSize: 53px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-3px"
  body:
    fontFamily: rounded-sans
    fontSize: 27px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: rounded-sans
    fontSize: 16px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 5px
  md: 10px
  lg: 30px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

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

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

## Colors

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

- **Background (`#0068FF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#FFC800`)** — uses `accent` token
- **Muted (`#83BBFF`)** — uses `muted` token
- **Borders (`rgba(0,104,255,1.0)`)** — uses `line` token

## Typography

- **Display:** rounded-sans
- **Body:** rounded-sans
- **Mono:** 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.

## Layout

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

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

## Elevation & Depth

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

## Shapes

- `sm`: 5px
- `md`: 10px
- `lg`: 30px
- `pill`: 999px

## Components

- **button:** Simple rounded rectangles (5px radius) with white background, black text, and black border.
- **card:** White rounded rectangles (30px radius) with thick black borders, used for text content.
- **hero:** Full-width primary blue background featuring massive, outlined yellow typography and playful character illustrations.

## Do's and Don'ts

**Don't:**
- Don't use sharp, geometric sans-serif fonts — screenshot shows rounded, friendly terminals.
- Don't use thin, subtle borders — screenshot shows thick, prominent 2px-3px black outlines.
- Don't use a dark or muted color palette — screenshot uses vibrant primary blue and yellow.
- Don't create dense, cluttered layouts — screenshot features generous spacing and negative space.
- Don't use drop shadows for depth — screenshot relies on solid colors and bold outlines.
- Don't use serif typefaces — screenshot exclusively uses a custom rounded sans-serif family.

---

## System Prompt (paste into AI agent)

```
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.
```