Back to Library
P

Plausible

Plausible Analytics

Visit Website

隐私友好网站分析。蓝绿品牌色,极简仪表盘,开源透明设计

蓝绿品牌极简仪表盘隐私优先开源轻量分析

Color Palette

primary
secondary
background
surface
text
muted
border

Typography

Heading FontInter, system-ui, sans-serif
Body FontInter, system-ui, sans-serif
Base Size14px
Line Height1.5
Weights400, 500, 600

Heading Scale

h1Plausible Heading
h2Plausible Heading
h3Plausible Heading
h4Plausible Heading

DESIGN.md

# 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.

Frequently Asked Questions

What is Plausible's design style?

隐私友好网站分析。蓝绿品牌色,极简仪表盘,开源透明设计

What is Plausible's primary color?

Plausible uses #4361EE as primary color, #FFFFFF for background, and #1B2559 for text.

What fonts does Plausible use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 14px.

How to use Plausible design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Plausible's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems