---
name: "Gleap"
description: "这是克制、专业的 SaaS 设计典范，优先保证清晰度与可读性，而非视觉复杂性。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#F6F6F3"
  primary: "#353535"
  secondary: "#292929"
  neutral: "rgba(53,53,53,0.5)"
  bg-soft: "#EDEDE8"
  bg-quiet: "#FFFFFF"
  muted-soft: "rgba(41,41,41,0.7)"
  line: "rgba(53,53,53,0.12)"

typography:
  display-lg:
    fontFamily: humanist-sans
    fontSize: 64px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.64px"
  display-sm:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "-0.45px"
  body-lg:
    fontFamily: humanist-sans
    fontSize: 22px
    lineHeight: 1.35
    fontWeight: 400
    letterSpacing: "0"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"
  caption:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 6px
  md: 12px
  lg: 200px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 18px
  xl: 24px
  2xl: 32px
  3xl: 60px

---

## Overview

自动化支持、反馈与开发任务的 AI 智能体

*一个专业、能力强的 AI 团队成员，融入你的工作流*

## Colors

温暖的中性色，高对比度以保证清晰

- **Background (`#F6F6F3`)** — uses `bg` token
- **Primary text (`#353535`)** — uses `ink` token
- **Secondary text (`#292929`)** — uses `ink-soft` token
- **Muted (`rgba(53,53,53,0.5)`)** — uses `muted` token
- **Borders (`rgba(53,53,53,0.12)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans
- **Mono:** monospace

- 所有文字使用人文主义无衬线字体
- 大号展示文字保持紧凑的字间距
- 正文基准字号为 16px，确保可读性

## Layout

内容采用居中单列布局，价格卡片采用宽幅网格

*Rhythm:* 基于一致的 4px 网格，纵向间距充裕

## Elevation & Depth

- 0px 18px 55px 0px rgba(16,24,40,0.12)
- 0px 1px 3px 0px rgba(0,0,0,0.15)
- 0px 0px 20px 0px rgba(0,0,0,0.1)
- Borders: 1px solid rgba(53,53,53,0.12)

## Shapes

- `sm`: 6px
- `md`: 12px
- `lg`: 200px
- `pill`: 999px

## Components

- **button:** 胶囊形按钮，主要操作使用深色背景，次要操作使用浅色背景加深色边框
- **card:** 干净的卡片，带细微背景色（高亮项为绿色调），无粗重边框
- **chip:** 小型圆角徽章，用于功能标签与标签
- **input:** 简洁的文本输入框，样式极简
- **hero:** 大型居中标题，附带说明文字和醒目的 CTA 按钮

## Do's and Don'ts

**Don't:**
- 不要使用霓虹色或饱和的强调色——截图显示仅使用柔和、温暖的中性色
- 不要使用衬线字体——截图显示全程使用一致的人文主义无衬线字体
- 不要用颜色创建沉重的视觉层级——截图通过字重和字号，而非颜色来区分
- 不要添加装饰性边框或粗重阴影——截图使用细微边框和最小化阴影
- 不要使用复杂渐变——截图显示的是纯色、温暖的背景色
- 不要让布局过于拥挤——截图保持了充裕的留白和呼吸空间

---

## System Prompt (paste into AI agent)

```
Gleap.io 是一个提供 AI 驱动支持与开发工具的 SaaS 平台。设计采用温暖、中性的色系，主背景为 #F6F6F3，主文字为 #353535，细微对比色为 #EDEDE8。字体使用人文主义无衬线字体（Switzer），大号展示文字（64px）字间距紧凑。关键元素：主要操作的胶囊形按钮使用深色背景，充裕的 84px 纵向内边距，以及干净的居中布局。关键禁忌：绝不使用霓虹色，绝不使用衬线字体，绝不使用装饰元素使布局拥挤。设计优先保证清晰度与专业性，而非视觉复杂性。
```