Plausible

# Plausible Design System

## Visual Theme & Atmosphere
隐私友好网站分析。蓝绿品牌色，极简仪表盘，开源透明设计

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #4361EE | Brand color |
| Secondary | #3A56D4 | Hover/secondary |
| Background | #FFFFFF | Main canvas |
| Surface | #F7F9FC | Cards, panels |
| Text | #1B2559 | Primary text |
| Muted | #697386 | Secondary text |
| Border | #E5E7EB | Dividers |

## Typography Rules
- **Heading Font**: Inter, system-ui, sans-serif
- **Body Font**: Inter, system-ui, sans-serif

- **Base Size**: 14px
- **Line Height**: 1.5
- **Weights**: 400, 500, 600

## Component Stylings
- **Buttons**: Primary accent color, clean rounded style
- **Cards**: Surface background, subtle borders, hover states
- **Navigation**: Clean, brand-colored indicators

## Agent Prompt Guide
Use Plausible's design language: 隐私友好网站分析.
Primary color #4361EE on #FFFFFF background.
Typography: Inter.