Interface Lab

Admin 数据仪表盘v1.0 已发布

2.8K

Admin 数据仪表盘 Design SystemAdmin 数据仪表盘建立了一套Open、Grid 的产品工作台系统。可复用层是字体、色彩、间距、圆角、表面、组件和基础动效；特殊 Skill 单独映射。

Typography

Heading systemInter / 26px / 600 / - / -Body systemInter / 14px / 400 / - / -Inter

LettersAa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk LlNumbers01 02 03 04 05 06 07 08 09

Colors

Primary#F7F9FC

11% usage signal

Secondary#111827

11% usage signal

Tertiary#FFFFFF

44% usage signal

Neutral#E2E8F0

33% usage signal

linear-gradient(180deg,#eff6ff,#fff)linear-gradient(90deg,#dbeafe 0 2px,transparent 2px 42px)

Layout

LayoutGridWidthFull BleedGridStrongFramingOpen

导航与入口主叙事区视觉场与背景层内容/数据表面行动路径

Spacing

14px10pxTitle block

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

10px14px16px18px20px22px24px

Elevation & Depth

Depth is communicated through surfaces, borders, shadows, and blur treatments.

Gradient surfacesGradient surfaces

Surface sampleOpen

SurfaceOpenBorder1px solid currentColor / low opacityShadow0 18px 50px rgba(15,23,42,.14)Blur0px

Shapes

Shapes define the radius family for cards, inputs, tags, and supporting surfaces.

8pxradius-116pxradius-218pxradius-320pxradius-4

Card surfaceInput fieldStatus pill

Interface Lab Skills

精致阴影DetailColors / Elevation