---
name: "Squadeasy"
description: "本网站有效地展示了如何通过大胆的排版、动态摄影和打破传统企业设计模式的鲜艳色彩选择，来营造温暖、平易近人的品牌个性。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#E1C19E"
  primary: "#000000"
  secondary: "#666666"
  tertiary: "#FF5A8F"
  neutral: "#E1C19E"
  line: "rgba(0,0,0,0.12)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 80px
    lineHeight: 1.0
    fontWeight: 900
    letterSpacing: "-2px"
  heading:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-1px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "-0.25px"

rounded:
  sm: 4px
  md: 14px
  lg: 100px
  pill: 100px

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

---

## Overview

一个温暖、充满活力的员工参与平台，利用动态摄影和大胆排版来促进连接。

*一个友好的社区公告板，上面有鲜艳、重叠的照片和大胆、鼓舞人心的信息。*

## Colors

温暖而充满活力的调色板，强调人际连接和亲和力。

- **Background (`#E1C19E`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#666666`)** — uses `ink-soft` token
- **Accent (`#FF5A8F`)** — uses `accent` token
- **Muted (`#E1C19E`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.12)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** humanist-sans

- 所有主要标题均使用大写字母
- 主要展示文本使用极高字重 (900)
- 大标题使用紧凑的字间距 (-2px)

## Layout

全宽主区域，包含重叠、旋转的图片和居中的文本

*Rhythm:* 宽裕的内边距 (40px 24px 140px 24px) 为大块内容区域创造呼吸空间。

## Elevation & Depth

- rgba(0, 0, 0, 0.12) 0px 1.52px 8px 0px
- Borders: 活动元素上的 1px 实线黑色边框

## Shapes

- `sm`: 4px
- `md`: 14px
- `lg`: 100px
- `pill`: 100px

## Components

- **button:** 胶囊形按钮，采用高对比度配色（黑色背景/白色文字或霓虹黄背景/黑色文字）
- **card:** 重叠、旋转的图片卡片，带有柔和阴影和有机形状
- **chip:** 无
- **input:** 无
- **hero:** 全宽区域，包含动态、重叠的图片和居中的粗体排版

## Do's and Don'ts

**Don't:**
- 不要使用冰冷、企业化的配色 —— 截图显示的是温暖、以人为本的色彩
- 不要使用纤细、轻量的字体 —— 截图显示的是超粗体、高冲击力的字体
- 不要创建僵化、网格锁定的布局 —— 截图显示的是有机、重叠、旋转的图片
- 不要使用狭小、局促的间距 —— 截图显示的是宽裕的内边距和呼吸空间
- 不要使用微妙、柔和的按钮 —— 截图显示的是高对比度、胶囊形的 CTA，并带有霓虹黄点缀
- 不要避免使用摄影 —— 截图在整个页面中使用了多张动态、聚焦于人的照片

---

## System Prompt (paste into AI agent)

```
一个温暖、充满活力的员工参与平台，利用动态摄影和大胆排版来促进连接。关键色彩包括温暖的米色 (#E1C19E) 背景、黑色 (#000000) 排版、充满活力的粉色 (#FF5A8F) 点缀和霓虹黄 (#E4FF60) 高光。排版方面，展示文本使用超粗体 grotesque-sans，字间距紧凑；正文内容使用简洁的 humanist-sans。关键设计规则：拥抱重叠、旋转的图片以营造有机感；使用极高字重以获得最大冲击力；保持宽裕的间距和呼吸空间；避免冰冷的企业美学、纤细字体、僵化网格布局、狭小局促的间距、微妙按钮，并避免使用人物摄影。系统强调热情、鼓舞人心的沟通方式，以及面向行动的 CTA。
```