---
name: "Flecto"
description: "此网站是一个现代、暗色模式的 B2B SaaS 落地页的典范，它在专业性与大胆、令人难忘的点缀色之间取得了平衡。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#004737"
  primary: "#FFFBE8"
  tertiary: "#56F09F"
  line: "rgba(86,240,159,0.2)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 64px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-2.2px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 10px
  md: 19px
  lg: 40px
  pill: 999px

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

---

## Overview

连接新客户、迈向绿色未来的最便捷途径。

*一个为租赁业务打造的高效物流仪表盘。*

## Colors

采用高对比度暗色模式，搭配标志性的霓虹绿点缀。

- **Background (`#004737`)** — uses `bg` token
- **Primary text (`#FFFBE8`)** — uses `ink` token
- **Accent (`#56F09F`)** — uses `accent` token
- **Borders (`rgba(86,240,159,0.2)`)** — uses `line` token

## Typography

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

- 几何无衬线字体用于标题展示。
- 人文主义无衬线字体用于正文。

## Layout

居中的主视觉区，包含大型图形和醒目的行动号召按钮。

*Rhythm:* 4px 基础单位

## Elevation & Depth

- rgba(0,0,0,0.12) 0px 3px 3.96px 0px
- rgba(0,0,0,0.1) 0px 18px 18px 0px
- Borders: 1px solid rgba(86,240,159,0.2)

## Shapes

- `sm`: 10px
- `md`: 19px
- `lg`: 40px
- `pill`: 999px

## Components

- **button:** 药丸形按钮，采用霓虹绿填充或描边。
- **card:** 浮动卡片，带有细微阴影和圆角。
- **chip:** 用于分类的极简标签。
- **input:** 简洁、圆润的输入框。
- **hero:** 大型、居中的主视觉区，以深色背景为主，霓虹绿作为点缀。

## Do's and Don'ts

**Don't:**
- 不要使用白色背景——截图显示的是深绿色 (#004737) 背景。
- 不要使用衬线字体——截图显示的是几何与人文主义无衬线字体。
- 不要使用多种主色——截图显示的是单色调绿色系，仅搭配一种霓虹点缀色。
- 不要使用尖锐的角——截图显示的是圆角（半径为 10px 到 999px）。
- 不要使用厚重的投影——截图显示的是柔和、轻微的阴影。
- 不要使用密集的文本块——截图显示的是充裕的留白和清晰的层次。

---

## System Prompt (paste into AI agent)

```
这是一个名为 Flecto 的租赁管理平台的 SaaS 落地页。它采用暗色模式美学，主背景为深绿色 (#004737)，并以高饱和度的霓虹绿 (#56F09F) 作为关键操作和高亮内容的点缀色。排版采用简洁的几何无衬线字体用于标题，过渡到人文主义无衬线字体用于正文，营造出专业而现代的质感。布局居中且宽敞，聚焦于清晰的价值主张和醒目的“预约演示”行动号召。关键的设计约束包括避免浅色背景、衬线字体和尖锐的圆角，因为其视觉语言定义为柔和的圆角和深沉、聚焦的环境。整体语调是高效、高级且可信赖的。
```