跳至正文
BaroUIGodbalo的设计

Godbalo design language

属于Godbalo的,
一套设计语言。

在温暖的底色上,清晰地传递信息。从色彩、文字到细微交互,了解Godbalo网站如何形成统一的视觉感受。

探索设计

温暖的底色

在奶油色与棕色之间加入橙色,让柔和的页面具有必要的重点。

清晰的信息

通过信息顺序、字号与字重,让下一步内容更容易找到。

从容的视线

以留白及照片曲线营造页面节奏,让视线聚焦于一项内容。

色彩与字体

细微选择,形成熟悉的感受。

不同页面讲述不同内容,共享相同的色彩与字体基础。

色彩

点击色彩,了解其作用。

奶油色

让文字与照片从容呈现的基础底色。

字体

让便于阅读的文字与传达品牌感受的文字各司其职。

为阅读而设计Pretendard

按您的节奏,从容了解。

正文与信息说明使用Pretendard,通过字号和字重建立阅读顺序。

留下视觉印象Bodoni · Didot

Your own rhythm.

英文视觉重点使用Bodoni、Didot风格的衬线字体,将笔画粗细对比与充分留白相结合。

组件

统一的风格,不同的作用。

BaroUI汇集网站反复使用的按钮、图标、菜单与弹窗。从下方目录选择组件,查看实际示例、类型及使用位置。

全部组件 · 18

使用状态以诊疗及信息页面为准,不包含本目录中的演示。

应用案例

不止于一个页面。

了解同一设计语言如何呈现不同内容。