Full Promptv1.0 Published
0
Full Prompt Design System数据密集型运营看板系统:强调可扫描、可比较、可追踪行动,优先服务指标判断和运营决策。
Typography
Heading systemui-sans-serif / 10px / 600 / - / -Body systemui-sans-serif / 10px / 400 / - / -ui-sans-serif
LettersAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk LlNumbers01 02 03 04 05 06 07 08 09
Colors
Primary#3B82F6

40% usage signal

Secondary#10B981

20% usage signal

Tertiary#6366F1

20% usage signal

Neutral#F59E0B

20% usage signal

linear-gradient(to right, var(--tw-gradient-stops))
Layout
LayoutGridWidthFull BleedGridStrongFramingGlass
Navigation & EntryPrimary NarrativeVisual Field & BackgroundContent / Data SurfaceAction Path
Spacing
16px8pxTitle block

Description copy reflects measured rhythm, icon offset, and CTA spacing.

8px16px24px32px48px64px
Icons
Linear8px 以内圆角,表格、筛选器、图表容器保持工作台质感。
Elevation & Depth

卡片边界清晰、阴影克制;悬浮层用于筛选、详情和导出确认。

Blur / backdrop filterBlur / backdrop filter / Reusable shadows / Gradient surfaces
Surface sampleGlass
SurfaceGlassBorder1px solid currentColor / low opacityShadow0 25px 50px rgba(0,0,0,.35)Blur12px
Shapes

8px 以内圆角,表格、筛选器、图表容器保持工作台质感。

9999pxradius-1
Card surfaceInput fieldStatus pill
Do's and Don'ts

Use these constraints as design lint rules for future generations.

DoDo:真实指标、语义颜色、清晰表格、可执行操作。Don't:营销官网布局、空洞 Hero、装饰性大图、模板字段文案。
Don't