---
name: "Base"
description: "该站点是金融科技领域‘机构极简主义’的典范，通过严格的克制与高对比度排版来传达可靠性。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FFFFFF"
  primary: "#171717"
  secondary: "#000000"
  tertiary: "#0052FF"
  neutral: "#9A9A9A"
  bg-soft: "#F8F8F8"
  line: "rgba(229,231,235,1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 54px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-1.34px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 4px
  md: 8px
  lg: 12px
  pill: 9999px

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

---

## Overview

一个用于构建区块链应用的、极简、高信赖度的金融科技平台。

*区块链领域的 AWS——基础性、企业级且无处不在。*

## Colors

高对比度极简主义：纯白背景上的深黑文字，搭配单一、高饱和度的蓝色用于主要操作。

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#171717`)** — uses `ink` token
- **Secondary text (`#000000`)** — uses `ink-soft` token
- **Accent (`#0052FF`)** — uses `accent` token
- **Muted (`#9A9A9A`)** — uses `muted` token
- **Borders (`rgba(229,231,235,1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans
- **Mono:** geometric-mono

- UI 和主视觉文本使用 baseSans
- 等宽元素与数据使用 Geist Mono
- 大型展示标题保持紧凑的字母间距

## Layout

居中的内容容器，具备清晰的层级间距

*Rhythm:* 标准的 4px 网格，大版块使用充裕的垂直内边距。

## Elevation & Depth

- rgba(0, 0, 0, 0.2) 0px 0px 18px 0px
- Borders: 卡片和输入框使用 1px solid rgb(229, 231, 235)

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 12px
- `pill`: 9999px

## Components

- **button:** 高对比度的药丸形主按钮，蓝底白字；或带边框的次级按钮变体
- **card:** 简洁的白色卡片，带细微边框和清晰的视觉分隔
- **chip:** 简洁的药丸形标签，采用中性背景色
- **input:** 简洁的带边框文本输入框，具有明确的内边距
- **hero:** 居中的大标题，附带副标题和双操作按钮

## Do's and Don'ts

**Don't:**
- 不要使用深色模式——截图显示的是一个明亮、白色背景的主视觉区域
- 不要使用装饰性衬线字体——截图显示标题采用简洁的几何无衬线字体
- 不要使用多彩渐变——截图显示主要交互仅使用单一的高饱和度蓝色
- 不要使用沉重的投影——截图显示主要组件上几乎没有或完全没有可见的阴影
- 不要使用混乱的布局——截图显示的是严格居中、基于网格的层级化布局
- 不要使用小而局促的间距——截图显示核心内容周围留有充裕的留白

---

## System Prompt (paste into AI agent)

```
设计一个高信赖度、机构级的金融科技平台。使用纯白背景搭配深黑文字以获得最佳可读性。主要品牌色是一种鲜亮、高饱和度的蓝色，专用于按钮和链接等交互元素。排版应简洁且几何化，标题和正文使用无衬线字体，大型展示尺寸使用紧凑的字母间距以维持现代、技术感。避免任何深色模式、俏皮化美学或多彩渐变。布局必须居中、宽敞且严格对齐网格，以传达稳定性和可靠性。按钮等组件应采用药丸形设计并具有高对比度。关键禁忌：不要使用深色背景；不要使用装饰性衬线字体；不要使用超过一种主要点缀色。
```