图形用户界面
Graphical UI

原始链接: https://www.graphicalui.com/

## 颜色 用于表面、文本和控件的品牌颜色、中性色和状态颜色。 ## 浅色和深色 在同一主题中分别设置浅色模式和深色模式的颜色值。 ## 排版 界面文本和数据所使用的字体系列、字重、字号和行高。 ## 间距和比例 用于控制组件尺寸、内边距和间距的统一尺度。 ## 图标 选择适合主题的图标系列和样式。 ## 形状和效果 用于塑造组件外观和层次的圆角、描边和阴影。 ## 组件状态 在 Graphical 中自定义 Base UI 组件的交互状态。 ## 动效 用于按钮按下、菜单和其他交互的弹簧动画、缓动效果和时间设置。

相关文章

原文

Colors

Brand colors, neutrals, and status colors for surfaces, text, and controls.

Light and dark

Separate color values for light and dark mode, in one theme.

Typography

Font families, weights, sizes, and line heights for interface text and data.

Spacing and scale

A shared scale for component sizes, padding, and gaps.

Icons

Choose the family and style that fits your theme.

Shape and effects

Corner radii, strokes, and shadows for component shape and depth.

Component states

Customize interactive states of Base UI components in Graphical.

Motion

Springs, easing, and timing for button presses, menus, and other interactions.

联系我们 contact @ memedata.com