跳到正文

The thinking behind FlorUI

让内容拥有秩序,
也保留呼吸。

FlorUI 来自在花对新闻与内容产品的长期实践。我们相信,好的界面应该让人更容易理解内容,也更愿意停留。

Our philosophy

把界面的声音,
放轻一点。

内容产品需要的不只是整齐的卡片。它需要标题之间的主次、段落之间的节奏,以及从一条信息走向下一条信息时自然的过渡。

FlorUI 从这些细节出发,用编辑式排版组织复杂信息,用安静的材质区分层级,让操作在恰当的位置出现。

组件保持小而明确。布局不接管整站,样式不绑定业务,交互建立在浏览器已经提供的能力之上。

Four principles

一套共同的设计语言。

01

内容先行

从真实标题、摘要和媒体出发,让视觉层级服务于阅读。

02

克制表达

每一种颜色、边框和动态效果都承担具体职责。

03

原生与开放

语义 HTML、CSS token 和 Light DOM,让主题和内容自由组合。

04

每个人都能使用

键盘、屏幕阅读器、触摸和 RTL 是组件设计的一部分。

From foundation to experience

从基础,走向完整体验。

01

Tokens

统一颜色、间距与排版。

02

Materials

建立清晰而安静的表面层次。

03

Components

组合语义结构与必要交互。

04

Your product

让内容与品牌拥有自己的表达。