---
name: "Playful Software"
description: "作为一款温暖、友好且具有高冲击力的消费者产品着陆页的典范案例，值得收录。它规避了企业化的刻板模式。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FAF7F5"
  primary: "#141414"
  tertiary: "#FF2E95"
  neutral: "#414040"
  line: "rgba(232,229,224,1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 70px
    lineHeight: 1.15
    fontWeight: 700
    letterSpacing: "-0.5px"

rounded:
  sm: 4px
  md: 16px
  lg: 40px
  pill: 999px

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

---

## Overview

一个为重要人群构建与分享个人小程序的平台。

*个人时刻的数字画布*

## Colors

温暖、吸引人的中性色，搭配充满活力的粉色强调色以注入能量。

- **Background (`#FAF7F5`)** — uses `bg` token
- **Primary text (`#141414`)** — uses `ink` token
- **Accent (`#FF2E95`)** — uses `accent` token
- **Muted (`#414040`)** — uses `muted` token
- **Borders (`rgba(232,229,224,1)`)** — uses `line` token

## Typography

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

- 展示文字使用紧凑字距与粗体字重以达到最大视觉效果。
- 正文保持舒适的阅读体验，采用常规字重与充裕的行高。
- 标题采用居中对齐以形成强烈的视觉焦点。

## Layout

单栏居中主视觉布局，过渡至用于内容展示的全宽网格。

*Rhythm:* 围绕中央主视觉区块设置充裕留白，以强调信息。

## Elevation & Depth

- rgba(0, 0, 0, 0.14) 0px 4px 20px 0px
- rgba(71, 71, 71, 0.1) 0px 2.18px 5.44px 0px
- Borders: 使用 rgb(232,229,224) 的细微1px边框，用于分隔卡片。

## Shapes

- `sm`: 4px
- `md`: 16px
- `lg`: 40px
- `pill`: 999px

## Components

- **button:** 高对比度的药丸形按钮，使用强调色与白色文字。
- **card:** 圆角方形卡片，带有柔和阴影，常以动态堆叠形式交叠出现。
- **chip:** 极少使用，主要用于表单元素，如邮箱输入框。
- **input:** 简洁、圆角的输入框，带有细微边框。
- **hero:** 大尺寸粗体文字，叠加于柔和渐变背景之上，配有浮动的3D风格应用图标。

## Do's and Don'ts

**Don't:**
- 避免使用沉闷、企业化的灰色——截图显示背景为温暖的米色/奶油色（#FAF7F5）。
- 避免在标题中使用纤细、装饰性的衬线字体——截图显示为粗体的人文主义无衬线体。
- 避免使用暗沉、忧郁的配色——截图显示为明亮、通透且温暖的环境。
- 避免为主要元素使用尖锐的90度直角——截图显示为高半径的药丸形和圆角卡片。
- 避免使用被动、微妙的号召性用语——截图显示为充满活力的粉色（#FF2E95）按钮。
- 避免使用过多的边框或分隔线——截图显示为干净的表面，线条最少或不可见。

---

## System Prompt (paste into AI agent)

```
这是一款为“趣味软件”打造的、以消费者为中心的趣味性产品着陆页，强调个人创意与分享。其设计DNA包含温暖、吸引人的米色（#FAF7F5）背景，搭配柔和的粉色渐变与充满活力的粉色（#FF2E95）强调色。字体为粗体的人文主义无衬线体，用于制作高冲击力、陈述性的标题。关键约束：绝不使用冷淡的企业灰色或深色背景；避免在标题中使用纤细的装饰性衬线字体；不要为主要UI元素使用尖锐的90度直角；绝不使用沉闷或被动的号召性用语颜色；避免使用过多边框或复杂的网格线，以免破坏温暖的美学；并且不要使用枯燥、技术性的语言——保持友好和直接。
```